刚才在制作网页的时候,遇到个辣手问题,一段文字在不使用换行符排版的情况下自动换行,右端的部分总是不能整齐换行,不是多出几个空格就是少了几个。其实一段CSS代码就能很好的解决此类问题,兼容 IE 和 其他浏览器 的换行 CSS 推荐样式
在需要换行的地方加入 word-wrap:break-word; overflow:hidden;
例如:
<style>
div { word-wrap:break-word; overflow:hidden; }
</style>
-----------------------------
语法说明:
word-wrap是控制换行的,使用break-word(内容将在边界内换行)时,是将强制换行。中文没有任何问题,英文语句也没问题。但是对于长串的英文,就不起作用。所以再使用overflow:hidden来加以控制。这也是为什么不用word-wrap:break-word; word-break:break-all; 的原因。
----------------------------