If the content of vlaue for some property exceeds size of tb, please use work-break;break-all stydle.
<td style="word-break: break-all;">
${fn:trim(person.firstname)} ${fn:trim(person.minitial)} ${fn:trim(person.lastname)}
</td>
word-break:break-all
和
word-wrap:break-word都是能使其容器如DIV的内容自动换行。
它们的区别就在于:
1,word-
break:break-all
例如div宽200px,它的内容就会到200px自动换行,如果该行末端有个英文单词很长(congratulation等),它会把单词截断,变成该
行末端为conra(congratulation的前端部分),下一行为tulation(conguatulation)的后端部分了。
2,word-
wrap:break-word
例子与上面一样,但区别就是它会把congratulation整个单词看成一个整体,如果该行末端宽度不够显示整个单词,它会自动把整个单词放到下一
行,而不会把单词截断掉的。
word-break;
break-all
支持版本:IE5以上 该行为与亚洲语言的 normal
相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本。
WORD-WRAP:break-word
支持版本:IE5.5以上 内容将在边界内换行。如果需要,词内换行( word-break )也将发生。
分享到:
相关推荐
<asp:TemplateColumn HeaderText="OP CREATE USER" HeaderStyle-HorizontalAlign="center"> <HeaderStyle HorizontalAlign=... myDataGrid_d.Attributes.Add("style", "word-break:keep-all;word-wrap:normal");
object.style.wordBreak="keep-all" 值 描述 normal 使用浏览器默认的换行规则。 break-all 允许在单词内换行。 keep-all 只能在半角空格或连字符处换行。 兼容性: 举个栗子: CSS Co
qq论坛源码,含图标,* 基本定义 */ ....CONTENT { overflow:auto word-break:break-all word-wrap:break-word } .HREF { cursor:pointer } TABLE.TableFixed { table-layout:fixed } XMP { display:none }
AAA LOGO 是一个功能强大的 Logo 设计软件,提供100余种模板,2080多种素材。所有的素材都是向量图,可以方便的放大缩小。你也可以自己创作素材,用于设计。虽然它不支持中文字体,但是可以先做好样子留下中文字体的...
<p style="word-break: break-all;">This is a very long word that will be broken down to fit within the div: congratulation <p style="word-wrap: break-word;">这是一个很长的中文词语将会被整体移动到下一...
<td style="word-break:break-all; overflow:hidden;"> abcdefghigklmnopqrstuvwxyz1234567890 ``` 此外,若在`td`或`th`中嵌套`div`或`p`等元素,可以应用之前针对Firefox的解决方案来处理换行问题。 总的...
<td width="25%" style="word-wrap: break-word; word-break: break-all;" valign="bottom"> 文本测试信息文本测试信息文本测试信息文本测试信息文本测试信息文本测试信息文本测试信息文本测试信息文本测试信息...
<td width="25%" style="word-break: break-all;">abcdefghigklmnopqrstuvwxyz1234567890 <td style="word-wrap: break-word;">abcdefghigklmnopqrstuvwxyz1234567890 ``` 效果:可以换行。 - **对于Fire...
<title>ASP简易留言板--ASP simple postboard v1.21 <style type="text/css"> A:link,A:active,A:visited{TEXT-DECORATION:...word-break :break-all; font-family:"宋体"; font-size: 12px; line-height: 15px; }
- `keep-all`:保持单词完整,避免在非空白字符间换行,除非使用`word-wrap: break-word`。 3. **在`table`元素中的应用** - 在`table`元素中,`TABLE-LAYOUT: fixed`属性用于设置表格布局模式为固定,这样列宽...
最后,我们讨论了word-break:break-all与word-wrap:break-word的区别。它们看似相似,实际上在实际使用中可能会有细微差别,通常通过实际的显示效果来观察和理解。在某些情况下,可能会出现需要选择使用其中一个属性...
<td width="25%" style="word-wrap: break-word; word-break: break-all;" valign="bottom"> 文本测试信息...(重复) ``` 2. **解决长串英文字母无法自动换行的问题**: - IE浏览器: ```css #wrap { ...
- `word-break: break-all;`:在任何字符间都可以断开。 - `word-break: keep-all;`:只允许在半角空格或连字符处换行。 例如: ```html <table style="table-layout: fixed; word-break: break-all;"> <td ...
论坛项目评分标准: A+:功能完整,界面美观,代码规范,有创新之处 A-:功能完整,界面美观,代码规范 ...DataList自动换行:首先设置DataList的宽度,再加上样式style="word-break:break-all;word-wrap:break-word
WORD-BREAK: break-all" width="90%" border=0><TBODY><TR><TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 15pt" width="100%"><BR><DIV align=center><MARQUEE style="WIDTH: 397px; HEIGHT: 51px">向上移动的文字...
<td width="25%" style="word-break: break-all; overflow: hidden;">站长网www.software8.co原创教程 <td width="75%" style="word-wrap: break-word; overflow: hidden;">站长网www.software8.co原创教程 ```...
`和`word-break: break-all;`**:这种方式更加激进,它不仅会在需要时换行,还会允许在任何字符间进行断行。这在处理非常长的英文字符串时特别有用,尤其是当需要严格限制元素宽度时。 #### 四、示例代码 下面是一...
` 和 `word-break: break-all;`,以获得更广泛的浏览器兼容性和预期的换行效果。 总之,`word-wrap` 和 `word-break` 是CSS中处理文本换行的关键属性,它们可以帮助我们有效地控制内容在不同容器内的显示方式,避免...
word-break: break-all"> <font class=text color="#008000" size="2">播放网络电视节目:</font><font color="#FF0000"><select name=Sel onchange="LoadVideo(this.value)" size=1 style="BACKGROUND-COLOR: #...
word-spacing:3px}#cp,#cp a{color:#666}#cp .c-icon-icrlogo{width:14px;height:17px;display:inline-block;overflow:hidden;background:url...