div强制换行和强制不换行

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即可。