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

前端之家收集整理的这篇文章主要介绍了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也很好

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

猜你在找的CSS相关文章