본문 바로가기

Language/CSS

[CSS] table, div 긴글 자동 줄바꿈

긴글 자동 줄바꿈

1
2
table {table-layout:fixed;}
td {word-break:break-all; word-wrap:break-word;}
1
2
3
4
5
6
7
8
{
word-wrap: break-word; /* Internet Explorer 5.5+ */
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-break:break-all;
}
1
2
3
{
word-break:break-all; word-wrap:break-word;
}


반대로 한줄로 표시할 때

1
white-space:nowrap;


'Language > CSS' 카테고리의 다른 글

[CSS] table, div 긴글 자동 줄바꿈  (0) 2014.07.17