强制不换行?
div{?
white-space:nowrap;?
}?
自动换行?
div{?
word-wrap: break-word;?
word-break: normal;?
}?
强制英文单词断行?
div{?
word-break:break-all;?
}?
?
=================================
?
word-wrap同word-break的区别
?
word-wrap是控制换行的。
break-word 是控制是否断词的。中文没有任何问题，英文语句也没问题。但是对于长串的英文，就不起作用。
normal是默认情况，英文单词不被拆开。
break-all，是断开单词。在单词到边界时，下个字母自动到下一行。主要解决了长串英文的问题。
keep-all，是指Chinese, Japanese, and Korean不断词。即只用此时，不用word-wrap，中文就不会换行了。（英文语句正常）
?
?
=================================
table td 控制不换行，多余的部门隐藏已省略号形式出现（注意 td一定要指定width，否则无效）
<style type="text/css">
table {
table-layout:fixed;
}
td{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
</style>
?
{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100px;}／/*不换行，超出部分隐藏且以省略号形式出现*/
?
?