关于字母不换行的问题【鸡蛋】

来源:互联网 发布:淘宝助理属性不一致 编辑:程序博客网 时间:2024/05/01 18:21
<p style=" background:#f00; width:50px; ">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
这种标记在前台页面显示的时候虽然内容已经超过了我们定义的长度,但仍然不会换行。原因是内容全是英文造成的,具体什么原因不知道,如果换成汉字就会换行了,现在我们加入下面这种样式可以解决这种问题;
word-wrap:break-word
<p style=" background:#f00; width:200px;word-wrap:break-word">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
原创粉丝点击