css如何实现换行

看了一下日历，发觉想要在保证质量的前提下同时保证更新的频率很难，工作，学习，懒惰等等各种原因，好歹每周一问还坚持着，希望等这一阵子的技术文章学完之后，能提高一点产量。

如题，用html，css如何实现换行。

 

偷偷看一下答案

 

其实网上相关文章非常之多，其实关键点在于对word-wrap，word-break这几个样式的理解，话不多说，直接上代码。

道可道非常道名可名非常名无名天地之始有名万物之母 abcdefghijklmnopqrstuvwxyz01234567890 hello worldandeverybody

道可道非常道名可名非常名无名天地之始有名万物之母 abcdefghijklmnopqrstuvwxyz01234567890 hello worldandeverybody

运行代码

word-break支持的只有ie和webkit，不过我们用系统默认的就可以。

word-wrap，ff从3.5之后开始支持。

table比较特殊，因为默认会根据内容撑开，所以要加上table-layout: fixed。

对于opera和旧的ff，只好先用overflow: hidden将就一下，当然也可以用js插入​之类的不可见字符实现软换行，个人不提倡，有兴趣的同学可以自己去看ppk的文章。 

转载于:https://www.cnblogs.com/nozer0/archive/2010/03/23/1692755.html