div中内容超出自动换行

下面以table中td的内容超出为例说明：

首先：

  td {

　　display: block;

　　}

然后：给td设置css样式：

1.  td {

　　word-wrap: break-word;

　　}

2. td {

　　overflow-wrap: break-word; 

　　}

以上两种样式都可以

一、设置之前

td中的内容超出边框

 

二、设置之后

三、总结

两种写法的效果是相同的，略有不同在于：

因为word-wrap这个属性最初是由微软发明的，所以，所有的浏览器都支持这个属性。

尽管有所有的浏览器都支持，但W3C决定要用overflow-wrap替换word-wrap，我想可能是他们认为word-wrap用词不当。overflow-wrap跟word-wrap具有相同的属性值，但现在，word-wrap被当作overflow-wrap的备选写法。

虽然已经有不少的浏览器支持overflow-wrap这种写法，但看起来没必要使用overflow-wrap来让老的浏览器不支持。所有的浏览器都会继续支持word-wrap这种写法。

 

转载于:https://www.cnblogs.com/zhangruiqi/p/7509145.html