`

style="word-break: break-all;"

    博客分类:
  • web
 
阅读更多

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)}&nbsp;${fn:trim(person.minitial)}&nbsp;${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 )也将发生。

分享到:
评论

相关推荐

    webfrom-列表文本内容自动换行 word-break-keep-all;word-wrap-n.pdf

    &lt;asp:TemplateColumn HeaderText="OP CREATE USER" HeaderStyle-HorizontalAlign="center"&gt; &lt;HeaderStyle HorizontalAlign=... myDataGrid_d.Attributes.Add("style", "word-break:keep-all;word-wrap:normal");

    浅析word-break work-wrap的区别

    object.style.wordBreak="keep-all"   值 描述 normal 使用浏览器默认的换行规则。 break-all 允许在单词内换行。 keep-all 只能在半角空格或连字符处换行。 兼容性: 举个栗子: CSS Co

    bbs.qq.com.zip_Wrap Style

    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制作工具

    AAA LOGO 是一个功能强大的 Logo 设计软件,提供100余种模板,2080多种素材。所有的素材都是向量图,可以方便的放大缩小。你也可以自己创作素材,用于设计。虽然它不支持中文字体,但是可以先做好样子留下中文字体的...

    html 自动换行

    &lt;p style="word-break: break-all;"&gt;This is a very long word that will be broken down to fit within the div: congratulation &lt;p style="word-wrap: break-word;"&gt;这是一个很长的中文词语将会被整体移动到下一...

    css之自动换行.pdf

    &lt;td style="word-break:break-all; overflow:hidden;"&gt; abcdefghigklmnopqrstuvwxyz1234567890 ``` 此外,若在`td`或`th`中嵌套`div`或`p`等元素,可以应用之前针对Firefox的解决方案来处理换行问题。 总的...

    html中表格td内容自动换行

    &lt;td width="25%" style="word-wrap: break-word; word-break: break-all;" valign="bottom"&gt; 文本测试信息文本测试信息文本测试信息文本测试信息文本测试信息文本测试信息文本测试信息文本测试信息文本测试信息...

    css控制文字自动换行

    &lt;td width="25%" style="word-break: break-all;"&gt;abcdefghigklmnopqrstuvwxyz1234567890 &lt;td style="word-wrap: break-word;"&gt;abcdefghigklmnopqrstuvwxyz1234567890 ``` 效果:可以换行。 - **对于Fire...

    基于ASP的留言板设计代码

    &lt;title&gt;ASP简易留言板--ASP simple postboard v1.21 &lt;style type="text/css"&gt; A:link,A:active,A:visited{TEXT-DECORATION:...word-break :break-all; font-family:"宋体"; font-size: 12px; line-height: 15px; }

    css word-break word-wrap 前台显示自动换行

    - `keep-all`:保持单词完整,避免在非空白字符间换行,除非使用`word-wrap: break-word`。 3. **在`table`元素中的应用** - 在`table`元素中,`TABLE-LAYOUT: fixed`属性用于设置表格布局模式为固定,这样列宽...

    CSS属性探秘系列(一):word-break与word-wrap

    最后,我们讨论了word-break:break-all与word-wrap:break-word的区别。它们看似相似,实际上在实际使用中可能会有细微差别,通常通过实际的显示效果来观察和理解。在某些情况下,可能会出现需要选择使用其中一个属性...

    兼容多浏览器,兼容 div、p、td 的强制不换行及强制换行.

    &lt;td width="25%" style="word-wrap: break-word; word-break: break-all;" valign="bottom"&gt; 文本测试信息...(重复) ``` 2. **解决长串英文字母无法自动换行的问题**: - IE浏览器: ```css #wrap { ...

    单元格撑大 层 密码显示可变 漂浮广告 html javascript

    - `word-break: break-all;`:在任何字符间都可以断开。 - `word-break: keep-all;`:只允许在半角空格或连字符处换行。 例如: ```html &lt;table style="table-layout: fixed; word-break: break-all;"&gt; &lt;td ...

    ASP三层架构的论坛

    论坛项目评分标准: A+:功能完整,界面美观,代码规范,有创新之处 A-:功能完整,界面美观,代码规范 ...DataList自动换行:首先设置DataList的宽度,再加上样式style="word-break:break-all;word-wrap:break-word

    html动态字效果

    WORD-BREAK: break-all" width="90%" border=0&gt;&lt;TBODY&gt;&lt;TR&gt;&lt;TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 15pt" width="100%"&gt;&lt;BR&gt;&lt;DIV align=center&gt;&lt;MARQUEE style="WIDTH: 397px; HEIGHT: 51px"&gt;向上移动的文字...

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

    &lt;td width="25%" style="word-break: break-all; overflow: hidden;"&gt;站长网www.software8.co原创教程 &lt;td width="75%" style="word-wrap: break-word; overflow: hidden;"&gt;站长网www.software8.co原创教程 ```...

    英文自动换行怎样解决

    `和`word-break: break-all;`**:这种方式更加激进,它不仅会在需要时换行,还会允许在任何字符间进行断行。这在处理非常长的英文字符串时特别有用,尤其是当需要严格限制元素宽度时。 #### 四、示例代码 下面是一...

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

    ` 和 `word-break: break-all;`,以获得更广泛的浏览器兼容性和预期的换行效果。 总之,`word-wrap` 和 `word-break` 是CSS中处理文本换行的关键属性,它们可以帮助我们有效地控制内容在不同容器内的显示方式,避免...

    一个完美的视屏播放器

    word-break: break-all"&gt; &lt;font class=text color="#008000" size="2"&gt;播放网络电视节目:&lt;/font&gt;&lt;font color="#FF0000"&gt;&lt;select name=Sel onchange="LoadVideo(this.value)" size=1 style="BACKGROUND-COLOR: #...

    三星9305收索

    word-spacing:3px}#cp,#cp a{color:#666}#cp .c-icon-icrlogo{width:14px;height:17px;display:inline-block;overflow:hidden;background:url...

Global site tag (gtag.js) - Google Analytics