天空下的雨

用乐观的生活,品味非凡人生。 博客搬家了,欢迎进入新博客:www.sh96.cn
31

刚才在制作网页的时候,遇到个辣手问题,一段文字在不使用换行符排版的情况下自动换行,右端的部分总是不能整齐换行,不是多出几个空格就是少了几个。其实一段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; 的原因。

----------------------------

推荐(0)
收藏
分享至:

相关日志

发表评论: