html - word-wrap 换行失效

问题描述

问 题

同一段代码，保存为html文件，在win7下打开就能换行，在ubuntu15.04下则不会

<pre style="word-wrap:break-word;">的干活呗然后很金融街人挤人接添加的干活呗然后很金融街人挤人接添加的干活呗然后很金融街人挤人接添加的干活呗然后很金融街人挤人接添加的干活呗然后很金融街人挤人接添加的干活呗然后很金融街人挤人接添加的干活呗然后很金融街人挤人接添加的干活呗然后很金融街人挤人接添加的干活呗然后很金融街人挤人接添加的干活呗然后很金融街人挤人接添加的干活呗然后很金融街人挤人接添加的干活呗然后很金融街人挤人接添加的干活呗然后很金融街人挤人接添加的干活呗然后很金融街人挤人接添加的干活呗然后很金融街人挤人接添加的干活呗然后很金融街人挤人接添加的干活呗然后很金融街人挤人接添加的干活呗然后很金融街人挤人接添加的干活呗然后很金融街人挤人接添加的干活呗然后很金融街人挤人接添加的干活呗然后很金融街人挤人接添加的干活呗然后很金融街人挤人接添加的干活呗然后很金融街人挤人接添加的干活呗然后很金融街人挤人接添加的干活呗然后很金融街人挤人接添加的干活呗然后很金融街人挤人接添加的干活呗然后很金融街人挤人接添加的干活呗然后很金融街人挤人接添加的干活呗然后很金融街人挤人接添加的干活呗然后很金融街人挤人接添加的干活呗然后很金融街人挤人接添加的干活呗然后很金融街人挤人接添加的干活呗然后很金融街人挤人接添加</pre>

加上word-break：break-all也没用。

解决方案

pre {
white-space: pre-wrap;
word-wrap: break-word;
}

这篇关于html - word-wrap 换行失效的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！