[CSS] 텍스트 속성

text-overflow 문자 넘쳤을 때
word-wrap 단어 부수기
word-break 단어 부수기
writing-mode 쓰기모드 (가로/세로)
white-space 줄바꿈금지

 

white-space :nowrap;

줄바꿈 하지 않는다. 

 

overflow:hidden

오버플로 된 부분 감추기 

 

text-overflow

표시되지 않는 오버플로 콘텐츠가 사용자에게 어떻게 신호되어질 지 지정

 

clip

p.text1{
            overflow:hidden;
            text-overflow:clip;
        }

 

ellipsis

   p.text2{
            overflow:hidden;
            text-overflow:ellipsis;
        }

word-wrap: break-word

   p.text3{
            word-wrap: break-word;
            
        }

p.text3{
            word-wrap: break-word;
            word-break: break-all;
        }

 

세로로 출력 가로로 출력 writing-mode 

• vertical-rl 세로로 작성
• horizontal-tb 기본값

<style>

p.test1{
    /* 가로로 쓰기  */
        writing-mode:horizontal-tb; 
    }
    p.test2> span{
         /* 세로로 쓰기  */
    writing-mode:vertical-rl;
    }
    p.test3{
        writing-mode:vertical-rl;
    }
</style>