• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >浏览器兼容 > css 自动换行 强制换行属性 (firefox+ie)

css 自动换行 强制换行属性 (firefox+ie)

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-06-02

本文主要包含ie chrome firefox,chrome firefox ie 11,ie firefox,ie 7 firefox 3,firefox google ie8.0等相关知识,佚名 希望在学习及工作中可以帮助到您
语法:
word-wrap : normal | break-word
取值:
normal :  默认值 。允许内容顶开指定的容器边界
break-word :  内容将在边界内换行。如果需要,词内换行( word-break )也将发生
说明:
设置或检索当当前行超过指定容器的边界时是否断开转行。
此属性仅作用于有布局的对象,如块对象。内联要素要使用该属性,必须先设定对象的 height 或 width 属性,或者设定 position 属性为 absolute ,或者设定 display 属性为 block 。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 wordWrap 。

语法:
word-break : normal | break-all | keep-all
取值:
normal :  默认值 。允许在词间换行
break-all :  该行为与亚洲语言的 normal 相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本
keep-all :  与所有非亚洲语言的 normal 相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本
说明:
设置或检索对象内文本的字内换行行为。尤其在出现多种语言时。
对于中文,应该使用 break-all 。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 wordBreak 。

IE、Firefox下都适用。
示例:
<div style="height:100; width:150px; background:red; word-wrap: break-word; word-break: normal;">
这里最好是中文英文的,有连贯的一些字符,才能看出效果,www.weikejianghu.comwww.baidu.comwww.g.cn
</div>
编辑注:
在实际的应用中,我们习惯用word-wrap:break-word;word-break:break-all,效果会比较明显,具体应用根据需要选择使用。 </div>

您可能想查找下面的文章:

  • 为ie和chrome单独设置样式的方法
  • chrome居中但ie不居中的解决方法
  • 一个很有用的Firefox和IE插件
  • IE与Firefox的CSS兼容大全 推荐
  • CSS实现 Firefox 和 IE 都支持的半透明效果
  • FireFox正常 IE错位的绝对定位元素
  • css 自动换行 强制换行属性 (firefox+ie)
  • IE和FireFox JavaScript的函数名的作用域的异同
  • IE与Firefox中兼容的html设计中使用CSS改变鼠标为手形
  • IE Firefox在css中的差别 (部分)

相关文章

  • 2017-06-02padding ie 不兼容问题
  • 2017-06-02IE7部分标签(span、input )设置text-indent:-9999px后不在相应位置显示
  • 2017-06-02ie6下embed标签不能播放视频问题解决方法
  • 2017-06-02关于select标签的高度设置在ie6/ie7下兼容心得
  • 2017-06-02css hack 兼容IE5.0、IE5.5、IE6.0、IE7.0、FF1.5、FF2.0 浏览器兼容教程
  • 2017-06-02解决IE6,IE7不能隐藏(overflow:hidden)绝对定位溢出的内容
  • 2017-06-02IE6支持max-width/height与min-width/height(完美解决方案)
  • 2017-06-02IE6下Png透明最佳解决方案DD_belatedPNG
  • 2017-06-02even事件浏览器兼容性实例介绍
  • 2017-06-02ie6下position:absolute不显示问题解决方法

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器
    • IE系列不支持CSS的圆角border-radius等属性的解决方案
    • IE6下Png透明最佳解决方案DD_belatedPNG
    • ie8中图片设置max-width属性满足一定的条件会导致消失
    • IE下css常见问题总结及解决
    • ie6布局网页padding值加倍的解决方法
    • IE6下position fixed失效的解决方法(亲测有效)
    • php的动态页面在ie内核的浏览器下面整体偏左的解决方法
    • even事件浏览器兼容性实例介绍
    • CSS 半透明度设置归纳总结[Firefox,IE,Chrome,Safari]

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有