html – CSS word-wrap不能按预期工作
发布时间:2020-12-14 22:19:57 所属栏目:资源 来源:网络整理
导读:为什么在下面的例子中没有word wrap属性正常工作? http://jsfiddle.net/k5VET/739/ 我可以做些什么来确保“consectetur”这个词的一部分适合第一行呢?我想要最大数量的字符适合每一行。 css是: #fos { font-family: "Helvetica Neue",Helvetica,Arial,san
为什么在下面的例子中没有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 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |