发英文文章的时候单词断开换行的问题,怎么解决?
英文单词自动换行问题很多人碰到过,一些中文版本的程序往往不注意这个问题,不能根据容器的大小自动换行,出现连续的英文或数字时容器被撑大,如长单词撑破表格;或者自动换行而又把英文单词拆开了,断裂成上下两行,阅读十分不便。
下面是使用CSS代码控制方法,你可以在引用的.CSS文件中引入,或直接在网页相关元素上使用style="..." 控制。
div {word-wrap:break-word;}
table {table-layout: fixed;word-wrap:break-word;}
word-break:break-all; 不用加,它只是解决表格和层被撑破问题,对于中文它是没问题的,但英文词全部被截断了。造成英文单词只换行而被截断的原因,就是它。
word-wrap: break-word 内容将在边界内换行。默认会不拆开单词换行,但是如果有超出长度的英文单词或数字,如果需要,词内换行( word-break )也将发生。这个实际兼容了上面所说的word-break:break-all的功能。另,此属性仅作用于有布局的对象,如块对象。
另外blmo.cn需要说明的一点是,这个不是w3c标准,只支持IE浏览器,Mozilla 、Firefox不支持,没办法了。详见:http://blmo.cn/log/blmo/77.html
还有个类似的问题,在word中英文单词换行断字的问题,英文文章单词在行末尾都是断开的。可以试试:
选中文档,执行“格式/段落/中文版式”操作,在“换行”中选中“允许西文在单词中间换行”后“确定”。
分享到:
相关推荐
`word-wrap` 属性用于控制长单词或URL是否可以断开换行。当设置为`break-word`时,如果一个单词过长以至于无法在一个行内显示,那么这个单词将会被断开,并且在下一行继续显示。这避免了文本溢出容器边界,使得布局...
这是一段很长的文字,它会被自动换行,即使其中包含英文单词thisisaverylongwordthatwillbebroken. ``` 在这段代码中: - `table-layout:fixed;`:设置表格为固定布局模式,确保单元格的宽度不变。 - `word-...
`来允许单词在必要时断开,适应容器宽度。例如: ```css div { width: 100px; word-wrap: break-word; } ``` 在这个例子中,如果`<div>`内的内容包含长单词,它将在适当的位置自动换行,以适应100像素宽的容器。 ...
在网页设计与开发过程中,一个常见的问题是如何使文本在不同的浏览器中都能正常显示,尤其是在面对文本过长而需要自动换行的情况时。由于历史原因,不同浏览器对于CSS属性的支持程度不一,这导致了开发者需要采取...
`word-break:break-all`设置会使单词在遇到容器边界时强制断开,哪怕这个单词本身并未到达边界,这样可以确保内容不溢出容器。但这种方法可能会导致英文单词被不自然地截断,所以在非亚洲文字中使用需谨慎。 `word-...
`可以解决大多数情况下的问题,但它可能会导致英文单词被错误地在中间断开。在某些语境下,这可能会影响阅读体验。因此,有时候我们可能会选择使用`word-wrap: break-word;`来确保英文单词保持完整,只在单词边界或...
`(在某些版本的 IE 中是 `word-wrap`,在现代浏览器中是 `overflow-wrap`):允许单词在必要时断开,以防止内容溢出其容器。这对于处理非常长的无空格字符串尤其有用。 结合上述属性,我们可以创建一个 CSS 类来...
`则保持单词完整性,防止英文单词被断开。对于表格单元格中的内容,通常希望保持单词完整,因此设置`word-break: keep-all;`。 在实际项目中,你可能需要根据具体需求调整这些设置,例如处理图片、表格或其他复杂的...
如果我们希望单词可以断开换行以适应容器,可以设置为 `break-word`: ```css .element { word-wrap: break-word; } ``` 2. `word-break` 属性则决定单词内部是否允许换行。设置为 `break-all` 会允许在任何...
字符断点,或称单词断点,是指在一个单词内部可以自然断开的位置,比如空格、标点符号等,这样在换行或者截断时,可以避免将一个完整的单词分割开来。在处理多语言文本时,这尤为重要,因为不同语言的断字规则可能...
这个功能在显示文章标题、列表项或者摘要时特别有用,可以避免内容溢出并保持页面布局整洁。本文将详细讲解如何使用CSS实现字符串截断并加省略号的示例。 首先,我们要了解CSS中涉及这一功能的关键属性: 1. `...
- **作用**:指定一个单词允许断开的位置。 - **备注**:可用于长单词或网址,使其能够优雅地换行。 #### 三、字体标记 **1. `<STRONG>`** - **类型**:加重语气 - **名称或意义**:加强语气。 - **作用**:表示...