1.自动换行
word-break:break-all和word-wrap:break-word的区别
word-break:break-all 允许任意非CJK(Chinese/Japanese/Korean)文本间的单词断行。
word-wrap:break-word 一行单词中实在没有其他靠谱的换行点的时候换行。(如果这一行文字有可以换行的点,如空格,或CJK
(Chinese/Japanese/Korean)(中文/日文/韩文)之类的,则就不打英文单词或字符的主意了,让这些换行点换行)
2.超过字符添加省略号
word-spacing是单词之间间距的,white-space是字符是否换行显示的。
.mytable {
table-layout: fixed;
}
.mytable tr td {
text-overflow: ellipsis; /* for IE */
-moz-text-overflow: ellipsis; /* for Firefox,mozilla */
overflow: hidden;
white-space: nowrap; /* 不换行 */
}
word-break:break-all和word-wrap:break-word的区别
word-break:break-all 允许任意非CJK(Chinese/Japanese/Korean)文本间的单词断行。
word-wrap:break-word 一行单词中实在没有其他靠谱的换行点的时候换行。(如果这一行文字有可以换行的点,如空格,或CJK
(Chinese/Japanese/Korean)(中文/日文/韩文)之类的,则就不打英文单词或字符的主意了,让这些换行点换行)
2.超过字符添加省略号
word-spacing是单词之间间距的,white-space是字符是否换行显示的。
.mytable {
table-layout: fixed;
}
.mytable tr td {
text-overflow: ellipsis; /* for IE */
-moz-text-overflow: ellipsis; /* for Firefox,mozilla */
overflow: hidden;
white-space: nowrap; /* 不换行 */
}