`
fuhao200866
  • 浏览: 75480 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

CSS强制换行属性

CSS 
阅读更多
强制不换行属性
white-space:nowrap;
word-break:break-all;只对英文起作用,以字母作为换行依据
word-wrap:break-word; 只对英文起作用,以单词作为换行依据
white-space:pre-wrap; 只对中文起作用,强制换行
white-space:nowrap; 强制不换行,都起作用
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;不换行,超出部分隐藏且以省略号形式出现

注意,一定要指定容器的宽度,不然的话是没有用的。

注意word-break 是IE5+专有属性
语法:
word-break : normal | break-all | keep-all

参数:
normal :  依照亚洲语言和非亚洲语言的文本规则,允许在字内换行
break-all :  该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本
keep-all :  与所有非亚洲语言的normal相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本
说明:
设置或检索对象内文本的字内换行行为。尤其在出现多种语言时。
对于中文,应该使用break-all 。
分享到:
评论

相关推荐

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

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

    CSS强制换行对齐的实现方法

    主要为大家介绍了CSS强制换行对齐的实现方法,涉及css中text-justify属性的使用技巧,需要的朋友可以参考下

    CSS网页布局强制换行和强制不换行的属性讲解

    而有些时候可能会强制内容不换行,多出的部分隐藏掉即可,关于强制不换行与强制换行的一些CSS属性WEBJX.com作一些整理,希望能给大家的工作和学习提供参考。  先了解以下几个属性: 强制不换行p....

    英文强制换行css 使用css强制英文单词断行代码

    使用css属性word-break:break-all; 后的效果:如下图:   强制不换行 复制代码代码如下:{ white-space:nowrap; } 自动换行 复制代码代码如下:{ word-wrap: break-word; word-break: normal; } 强制英文单词断行...

    CSS对表格单元格强制换行和不换行

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

    css文本换行属性word-wrap和white-space使用总结

    word-break:break-all和word-wrap:break-word表示强制换行,前者若英文字符过长自动截断,后者整个英文单词会换行! 而而我常会这样用: 复制代码代码如下: word-wrap:break-word; overflow:hidden; IE 下没有...

    强制换行与强制不换行攻略

    强制换行与强制不换行用到的属性 我们一般控制换行所用到的CSS属性一共有三个:word-wrap; word-break; white-space。这三个属性可以说是专为了文字断行而创造出来的。首先我们得知道这三个属性到底是做什么用地: ...

    本质上解决火狐不能强制换行的问题

    我这个方法的是用JS实现的,但是使用时并不用写任何JS语句,也并非在CSS定义中执行语句,只是像CSS那样设置个属性就OK,效率也很高 不过这个方法并非我原创,是偶然看到一网友写的(来源不清楚了,因为我看到的也是转载),...

    CSS实现连续字符换行的方法

    连续字符的CSS换行,主要用到CSS的word-break属性,为其添加:break-all参数,这样的话字符会适应规定的宽度而自动换行,实际上这就是CSS的强制换行功能。 复制代码代码如下:<title>连续字符的CSS换行代码</...

    CSS强制中英文换行与不换行 强制英文换行示例

    中英文换行与不换行以及强制中英文换行,在项目中经常会使用到,本例整理了一些与之相关的css 属性,大家可以根据自己的需要进行选择

    使用white-space来阻止文字显示自动换行

    不想让每行的文字自动换行,那就可以用css属性white-space来解决。代码如下: CSS Code复制内容到剪贴板 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...

    css white-space:nowrap属性用法(可以强制文字不换行输出)

    css强制文字不换行,可给指定的容器增加white-space:nowrap即,下面把CSS示例写给大家,很简单

    浅析css html span 块状不换行问题

    span标记的样式设定width属性,会发现不会产生效果。 如果设置display:block,width属性生效,但是此时的span跟div一样了。 如果设置display:inline-block,则span并列在同行,而且width属性生效。 元素display...

    使用CSS3实现多列布局与多背景的技巧

    糟糕的是如果不使用CSS和HTML在特定的位置强制换行,或者严格限制文本中允许的标记,或者夸张地使用脚本的话,这是不可能实现的。该限制通过从传统的块级布局模块中延伸出来的新的CSS属性得以解决。 列计数器和宽度 ...

    CSS实现强制浏览器分页

    网页制作Webjx文章简介:CSS相对比较弱,例如: 自动分页, 就基本没啥实际用途。我们通常需要自己在需要的时候,强制... 虽然webjx.com向大家介绍了很多CSS属性的相关知识,但有些非常冷门的属性还是有所欠缺。在B/

    CSS中一些常用的文本属性整理

    text-overflow 概要:其作用是解决文本溢出时,其展现的形式 该属性有两个参数,分别如下: CSS Code复制内容到剪贴板 ... white-space:nowrap:给文本容器设置强制不换行,让元素文本在一行内显示。 overflow:hid

Global site tag (gtag.js) - Google Analytics