1、强制不换行，同时以省略号结尾。
复制代码代码如下:
<div style="width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;" >
你好朋友朋友朋友我为什么不能看到效果啊
</div>
2、css自动换行
复制代码代码如下:
div{ word-wrap: break-word; word-break: normal; }
3、css强制英文单词断行
复制代码代码如下:
div{word-break:break-all;}
若是div嵌套，要使内层div根据内容自动换行，则可只设置外层的div宽，和 white-spance:nowrap即可。
word-break:break-all和word-wrap:break-word都是能使其容器如DIV的内容自动换行
它们的区别就在于：
1，w..