html – CSS word-wrap不能按预期工作

概述为什么在下面的例子中没有word wrap属性正常工作？ http://jsfiddle.net/k5VET/739/ 我可以做些什么来确保“consectetur”这个词的一部分适合第一行呢？我想要最大数量的字符适合每一行。 css是： #fos { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-siz 为什么在下面的例子中没有word wrap属性正常工作？

http://jsfiddle.net/k5VET/739/

我可以做些什么来确保“consectetur”这个词的一部分适合第一行呢？我想要最大数量的字符适合每一行。

CSS是：

#fos { Font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;    Font-size:14px;    Font-weight: normal;    line-height: 18px;    wIDth: 238px;    height:38px;    cursor: pointer;    word-wrap:break-word;    border:2px solID; }

解决方法 使用word-break：break-all;

#fos { Font-family: "Helvetica Neue",sans-serif;    Font-size:14px;    Font-weight: normal;    line-height: 18px;    wIDth: 238px;    height:38px;    cursor: pointer;word-break: break-all;    border:2px solID; }

LIVE DEMO

总结

以上是内存溢出为你收集整理的html – CSS word-wrap不能按预期工作全部内容，希望文章能够帮你解决html – CSS word-wrap不能按预期工作所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。