微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

css – 长字符串在IE中没有在多行上分割

解决方法

使用以下样式:
.divideMe{
width:100px;
word-wrap: break-word;
}

<div class='divideMe'>reallyreallyreallyreallyreallyreallylongstring</div>

它会输出

reallyreallyreally
reallyreallyreallyl
ongstring

虽然它并没有真正打破块中的单词,所以你仍然可以通过双击(三次)来选择它.我不确定浏览器是如何兼容的,但它似乎在我可用的浏览器上运行良好.请记住,这是一个CSS3属性.

在IE 6,7,8上测试工作正常. FF 3.6也很好

一个解决方案是隐藏溢出并显示滚动条,如果你想将它保持在一行.但是,由于你的第一种方法显示整个字符串而不是隐藏它,我认为这可能是一个很好的方法.

原文地址:https://www.jb51.cc/css/214078.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。