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

发布时间:2009-10-13 17:40:39   作者:佚名   我要评论

css 自动换行 强制换行属性,在实际应用中,如果不强制换行会导致页面变形很难看,所以用下面的方法,即可解决此类问题。

语法:

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下都适用。

示例:

这里最好是中文英文的,有连贯的一些字符,才能看出效果,www.jb51.netwww.baidu.comwww.g.cn

脚本之家编辑注:在实际的应用中,我们习惯用word-wrap:break-word;word-break:break-all,效果会比较明显,具体应用根据需要选择使用。

相关文章

自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法2010-08-27

自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法2010-08-06

CSS实现强制不换行、自动换行、强制换行的css代码,需要的朋友可以参考下2012-05-03

因为都浏览器的问题,所以要考虑到兼容性。2009-11-20

td文字内容不换行,发现是:white-space: nowrap,即强制文本不进行换行,接下来对文本换行的属性使用进行总结下,感兴趣的朋友可以参考下哈2013-03-31

自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法对于div,p等块级元素正常文字的换行(亚洲2014-11-19

最新评论

html文字自动换行 ie,css 自动换行 强制换行属性 (firefox+ie)相关推荐

  1. html 中的 css 的强制换行与不换行文本

    html 中的 css 的强制换行与不换行文本 1. 强制换行 1. 强制不换行 1. 强制换行 text_wrap {white-space: pre-wrap;word-break: break- ...

  2. vba 自动换行_Excel中quot;强制换行quot;quot;快速求和quot;等操作,这9个AlT键技巧全都包含了...

    枝上柳棉吹又少.天涯何处无芳草.墙里秋千墙外道.墙外行人,墙里佳人笑.笑渐不闻声渐悄.多情却被无情恼. --宋.苏轼<蝶恋花·春景> Hello,小伙伴们,大家好,之前给大家介绍了电脑键盘 ...

  3. CSS英文单词强制换行

    自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法 对于div,p等块级元素正常文字的换行(亚洲文字和非亚洲文字)元素拥有 ...

  4. CSS实现强制换行的解决方法

    强制换行用white-space的normal,pre-wrap,pre-line换行,即使有overflow: hidden; text-overflow: ellipsis;也不影响换行. 值 描 ...

  5. css td 强制换行,CSS控制Table单元格强制换行与强制不换行

    我们知道Div的换行和不换行的css写法.但对于表格单元格只知道一个属性nowrap可以使其不换行.近日有此需要,但发现加上nowrap在某些情况下还是会换行!无奈,没有一个强制不换行的方法吗? 用C ...

  6. CSS学习------强制换行与不换行

    http://www.hicss.net/solve-change-line-in-css/ 强制换行与强制不换行问题曾经一度困扰着我,每当遇到换行问题时候那就是痛苦回忆的开始,现在终于痛定思痛,一鼓 ...

  7. css td 强制换行,CSS——之强制换行

    大家都知道连续的英文或数字能是容器被撑大,不能根据容器的大小自动换行,下面是 CSS如何将他们换行的方法! 对于div 1.(IE浏览器)white-space:normal; word-break: ...

  8. CSS word-wrap强制换行截断长字符串

    <html> <head> <title>CSS截断长字符串,强制换行</title> </head> <style> .wor ...

  9. css td 强制换行,CSS强制换行几种方法

    一.white-space 可以实现html中pre标签的效果,以及单元格的nowrap效果,点此查看示例. example source code [] 语法: white-space : norm ...

最新文章

  1. JSP第二次作业_2小题
  2. Razor视图出现重复的解决方法
  3. HTTPPost/AFNetWorking/JSONModel/NSPredicate
  4. 新笔记本怎么在桌面添加计算机文件夹,win10桌面悬浮文件夹怎么弄_win10电脑桌面悬浮文件夹如何添加-win7之家...
  5. 最全面的_Redis_基本操作总结
  6. Insightface项目爬坑指南+使用本地数据集训练流程(MXNET版)
  7. ASP.NET Core如何限制请求频率
  8. 我是怎么进入Oracle这样的大企业的?
  9. Spring启动时的Spring社交示例,或者我如何不再担心和喜欢自动配置
  10. java rmi 文件传输_JAVA-RMI实现大文件传输
  11. 7-7 mmh学长的大数模板 (20分)
  12. 启动windows的mysql_MySQL的启动方法(windows 平台)
  13. 安装SQL2000,出现以前的某个程序安装已在安装计算机上创建挂起的文件操作(完美解决)
  14. 黑客入侵16进制密码_密码与密码黑客如何诱骗您入侵您的详细信息
  15. 如何制定一个App推广活动方案
  16. 简师网:新录用公务员试用期限满一年可转正!
  17. 公司是船,我在船上。
  18. 安卓模拟器绕过模拟器检测正常用电脑玩手机游戏的最好解决方法
  19. 如何成为有效学习的高手(笔记)
  20. 使用wireshark没有抓到websocket包

热门文章

  1. CentOS设置终端字体大小
  2. 当“拆分诅咒”降临科技界
  3. 如何使用QT制作腾讯云图床
  4. 八位阿里大牛耗时三年总结出Java面试复盘手册!带你实现逆风翻盘
  5. linux口袋系统制作工具,CDlinux制作U盘启动盘,打造自己的口袋系统
  6. Pytorch 网络中的网络 NiN
  7. 头歌实践平台——一维数组与二维数组练习
  8. c语言编程三角形判定,c语言判定三角形的各种类型——请大家指点
  9. java模仿抢红包活动
  10. cv2.imshow显示空白