CSS 게시판 배치

★text-overflow
-visibile : 기본값
-scroll : 벗어난 영역을 스크롤 처리
-hidden : 벗어난 영역을 숨김 처리
-auto : 벗어나는 영역을 스크롤처리, 없는경우 스크롤 숨김
-ellipsis 벗어난 텍스트부분 말줄임

★table-layout
-fixed: 테이블을 구조적으로 고정시킬 때 쓴다.

★white-space
-nowrap : 자동 줄바꿈이 없이 한줄로
-pre : 자동 줄바꿈이 없이 한줄로 &스페이스바 사용한만큼 화면에 나타남

★word-break
-keep-all: 잘 호환이 안되지만 글자가 디스플레이될 때 단어 기준으로 자연스럽게 줄바뀜이 될 수 있도록 함.
-break-all: 글자 기준으로 줄바꿈합니다.
-initial:기본값으로 설정합니다.
-inherit:부모 요소의 속성값을 상속받습니다.

★word-wrap
-break-word: 위에거 안되면 이거로

※일반적으로 이 3개를 같이 쓴다.
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;

CSS에 게시되었습니다

관련 글

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 항목은 *(으)로 표시합니다