手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >超出部分自动换行兼容多浏览器
超出部分自动换行兼容多浏览器
摘要:.linebr{clear:both;/*清除左右浮动*/width:100px;/*必须定义宽度*/word-break:break-wo...

<style type="text/css">

.linebr {

clear: both; /* 清除左右浮动 */

width: 100px; /* 必须定义宽度 */

word-break: break-word; /* 文本行的任意字内断开 */

word-wrap: break-word; /* IE */

white-space: -moz-pre-wrap; /* Mozilla */

white-space: -hp-pre-wrap; /* HP printers */

white-space: -o-pre-wrap; /* Opera 7 */

white-space: -pre-wrap; /* Opera 4-6 */

white-space: pre; /* CSS2 */

white-space: pre-wrap; /* CSS 2.1 */

white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */

}

</style>

<div class="linebr">当指定容器的宽度满了之后,自动换行的效果,这串代码非原创,只是项目中用到过,然后作为自己的记录记下来的....也方便以后自己再次用到</div>

另外还可测试:直接在样式里添加一条设置: word-break:break-all;

注意:一定要设置容器的宽度

【超出部分自动换行兼容多浏览器】相关文章:

解决CSS浏览器兼容技巧

css实现强制不换行/自动换行/强制换行

兼容各浏览器:CSS定义PNG透明效果

CSS实现文字自动换行(兼容Firefox)

CSS自动控制图片大小的代码

宽度百分比单位的转换公式及示例

pre标记里内容自动换行

把网页变灰色兼容各种浏览器

比较全的CSS浏览器兼容问题整理总结

css返回顶部图标固定在浏览器右下角且兼容ie6

精品推荐
分类导航