关于word-break和word-wrap
最近在做一个英文试卷展示的页面。 遇到英文单词在换行时总是被切割开了。
试了试多种css样式,最终运用word-wrap:normal才把他搞定。
查了资料, word-wrap和word-break到底有啥区别,, 我一直没搞清楚。
word-wrap:
Sets or retrieves whether to break words when the content exceeds the boundaries of its container
设置或检索当当前行超过指定容器的边界时是否断开转行。
word-break:
Sets or retrieves line-breaking behavior within words, particularly where multiple languages appear in the object
单词内自动换行。
这两者的具体区别还是参照这位兄弟写的吧:
http://webcode.iteye.com/blog/476036
http://cindysaj.iteye.com/blog/670465
分享到:
相关推荐
<asp:TemplateColumn HeaderText="OP CREATE USER" HeaderStyle-HorizontalAlign="center"> <HeaderStyle HorizontalAlign=... myDataGrid_d.Attributes.Add("style", "word-break:keep-all;word-wrap:normal");
复制代码代码如下:”c1″>safjaskflasjfklsajfklasjflksajflksjflkasfdsafdsfksafj</div><div class=c1>This is all English. This is all English. This is all English.</div><div class=c1>全是中文的情况。...
`word-break:break-all` 和 `word-wrap:break-word` 是CSS中用于控制文本换行的两个属性,它们都有各自的特点和适用场景。 首先,`word-break:break-all` 的作用是在任何可能的位置强制进行单词内部的换行。这意味...
`word-wrap` 和 `word-break` 属性是CSS中用于控制文本在容器内换行方式的重要工具,它们帮助解决长单词或字符序列超出容器边界的问题。下面将详细介绍这两个属性及其默认行为。 一、浏览器默认处理文本换行 ...
object.style.wordBreak="keep-all" 值 描述 normal 使用浏览器默认的换行规则。 break-all 允许在单词内换行。 keep-all 只能在半角空格或连字符处换行。 兼容性: 举个栗子: CSS Co
`word-break` 和 `word-wrap` 是两个非常重要的CSS属性,它们主要用于处理文本内容在容器内的换行规则,特别是在处理非标准长度的单词或字符串时。在描述中提到的场景是在一个`table`元素中应用这些样式,以确保内容...
兼容 IE 和 FF 的换行 CSS 推荐样式 最好的方式是 word-wrap:break-word; overflow:hidden; 而不是 word-wrap:break-word; word-break:break-all; 也不是 word-wrap:break-word; overflow:auto; 在 IE 下没有任何...
.breakword{word-wrap:break-word;} ``` 在div元素中应用这些CSS类: ```html 自身都带有自动换行功能啊,AAAAAABBBBBBBBBBBBB,CCCCCCCCC,的右端自动换行。 自身都带有自动换行功能啊,AAAAAABBBBBBBBBBBBB,...
word-break:break-all和word-wrap:break-word表示强制换行,前者若英文字符过长自动截断,后者整个英文单词会换行! 而而我常会这样用: 复制代码代码如下: word-wrap:break-word; overflow:hidden; IE 下没有...
`word-wrap`有两个主要值:`normal` 和 `break-word`。默认情况下,大多数浏览器使用 `normal`,这意味着如果一个单词太长,它将不会被强制换行,而是可能会超出其容器。而`break-word`值则允许浏览器在必要时在长...
`word-wrap`属性接受两个可能的值:`normal`和`break-word`。 ```css word-wrap: normal || break-word; ``` - **`normal`**:这是`word-wrap`的默认值。它遵循标准的换行规则,意味着如果单词过长,它将会超出...
在这些旧版本的 IE 中,`word-wrap` 需要使用其老的语法 `overflow-wrap` 或者结合 `word-break` 属性来实现类似的效果。`word-break: break-all` 可以强制在任何可能的位置进行换行,包括单词内部,但可能会导致...
为了解决这个问题,我们可以利用`word-wrap`和`word-break`两个CSS属性。 `word-wrap`属性主要用于控制是否允许内容在单词内部换行。它有两个主要的取值: 1. `normal`:这是默认值,遵循浏览器的默认换行规则。在...
综上所述,通过合理地使用 CSS 的 `white-space`、`word-wrap` 和 `word-break` 属性,我们可以有效地控制页面上的文本换行行为,并且考虑到不同浏览器的兼容性问题。这在实际的Web开发工作中是非常有用的技巧。