`
king_tt
  • 浏览: 2300797 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

table中文本太长单元格换行

 
阅读更多
<table width="480" border="0" cellspacing="0" cellpadding="0"style="word-break:break-all;word-wrap:break-word">
<tr>
<td>希望能够换行。希望能够换行。希望能够换行。希望能够换行。希望能够换行。希望能够换行。希望能够换行。希望能够换行。希望能够换行。希望能够换行。希望能够换行。希望能够换行。希望能够换行。希望能够换行。希望能够换行。希望能够换行。希望能够换行。希望能够换行。希望能够换行。希望能够换行。希望能够换行。希望能够换行。希望能够换行。希望能够换行。希望能够换行。希望能够换行。</td>
</tr>
</table>
解释:
语法:

word-break : normal | break-all | keep-all

参数:

normal :  依照亚洲<nobr id="key0" style="font-family:Verdana; font-size:13px; line-height:19px; background-color:transparent; color:rgb(102,0,255); border-bottom-color:rgb(102,0,255); border-bottom-width:1px; border-bottom-style:dotted; text-decoration:underline">语言</nobr>和非亚洲语言的文本规则,允许在字内换行
break-all :  该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本
keep-all :  与所有非亚洲语言的normal相同。对于<nobr id="key3" style="font-family:Verdana; font-size:13px; line-height:19px; background-color:transparent; color:rgb(102,0,255); border-bottom-color:rgb(102,0,255); border-bottom-width:1px; border-bottom-style:dotted; text-decoration:underline">中文</nobr>,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本

说明:

<nobr id="key4" style="font-family:Verdana; font-size:13px; line-height:19px; background-color:transparent; color:rgb(102,0,255); border-bottom-color:rgb(102,0,255); border-bottom-width:1px; border-bottom-style:dotted; text-decoration:underline">设置</nobr>或检索对象内文本的字内换行行为。尤其在出现多种语言时。
对于中文,应该使用break-all 。
对应的脚本特性为wordBreak。请参阅我编写的其他书目。

word-wrap版本:IE5.5+专有属性 继承性:有


语法:

word-wrap : normal | break-word

参数:

normal :  允许<nobr id="key1" style="font-family:Verdana; font-size:13px; line-height:19px; background-color:transparent; color:rgb(102,0,255); border-bottom-color:rgb(102,0,255); border-bottom-width:1px; border-bottom-style:dotted; text-decoration:underline">内容</nobr>顶开指定的容器边界
break-word :  内容将在边界内换行。如果需要,词内换行(word-break)也行发生

说明:

设置或检索当当前行超过指定容器的<nobr id="key5" style="font-family:Verdana; font-size:13px; line-height:19px; background-color:transparent; color:rgb(102,0,255); border-bottom-width:2px; border-bottom-style:dotted; text-decoration:underline">边界</nobr>时是否断开转行。
对应的脚本特性为wordWrap。
分享到:
评论

相关推荐

    swt table 实现换行

    根据提供的文件信息,可以看出本文主要讨论的是如何在 SWT (Standard Widget Toolkit) 的 Table 控件中实现文本换行的功能。SWT 是一个用于开发基于 Java 的桌面应用程序的工具包,它提供了丰富的用户界面组件来帮助...

    table 中,如何使得单元格的内容不换行,单元格不被撑开,显示不下的时候在结尾处显示“...”

    在网页设计中,经常需要处理表格(table)的布局问题,特别是当单元格(cell)内的文本内容过长时,如何保持单元格的固定宽度,不让内容换行,并在显示不下的情况下添加省略号("...")表示内容被截断。这涉及到CSS...

    CSS强制单元格换行

    &lt;label&gt;&lt;a&gt;http://download.csdn.net/user/zxy397472251&lt;/a&gt; &lt;a&gt;http://download.csdn.net/user/zxy397472251&lt;/a&gt; &lt;a&gt;http://download.csdn.net/user/zxy397472251&lt;/a&gt; &lt;a&gt;...&lt;/td&gt;

    设置QTableView的内容自动换行,代理方式

    默认情况下,`QTableView`中的单元格内容是不支持自动换行的,而是将文本截断或者显示省略号。要实现内容自动换行,我们可以利用Qt的代理(Delegate)机制来定制单元格的行为。本文将详细讲解如何通过自定义代理实现...

    td 内容自动换行 table表格td设置宽度后文字太多自动换行

    设置table 的 style=table-layout:fixed; 然后设置td的 style=word-wrap:break-word; 即可 复制代码代码如下:&lt;table xss=removed border=”1″ cellspacing=”0″ cellpadding=”0″ width=”200″&gt; &lt;tbody&gt; &lt;tr&gt; ”...

    jsp页面Table自动换行

    `可以让表格根据预先设定的列宽分配空间,避免内容过长导致的换行。 3. **Linux命令**:如`ls`用于列出目录内容,`cd`用于切换目录,`grep`进行文本搜索,`vi/vim`编辑文件,`chmod`改变文件权限,`curl`或`wget`...

    layui-table固定列自动换行.txt

    layui数据表格自动换行,当设置固定列时,会出现行高不一致的问题,用户体验不好,只需要在页面中增加几行代码即可解决。

    通过css样式控制单元格内超长文本自动换行.doc

    单元格自动换行问题是 Web 开发中常见的问题,特别是在表格中显示大量文字时,超长文本可能会溢出单元格,影响页面的美观和可读性。使用 `&lt;wbr&gt;` 标签可以解决这个问题,但是这只是一个临时的解决方案,并不能满足...

    java生成pdf需要的包(支持中文,表格换行亲测)

    要实现这一功能,并且支持中文字符、CSS样式以及表格的换行,通常需要借助一些开源库。这里提到的“java生成pdf需要的包(支持中文,表格换行亲测)”是一个解决方案,它整合了几个关键的库:FreeMarker、Flying ...

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

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

    itext生成pdf解决中英文换行问题

    导入 &lt;groupId&gt;org.xhtmlrenderer &lt;artifactId&gt;core-renderer &lt;version&gt;R8 直接根目录下新建包org.xhtmlrenderer.layout 覆盖jar

    JTable自动换行

    在处理`JTable`时,我们有时需要使其单元格内容支持自动换行,以便更好地显示长文本。标题“JTable自动换行”正是指向这个功能,即如何在`JTable`的单元格内实现文本的自动换行。 默认情况下,`JTable`的单元格使用...

    最新PHPword整合,优化添加导出表格,表格内部换行,合并单元格

    2. **行内换行**:在表格的单元格内,有时需要实现文本的换行,这在默认情况下可能不被支持。PHPWord通过设置单元格的宽度和使用`&lt;w:br/&gt;`标签可以实现这一功能。开发者可以通过自定义`cellStyle`来控制换行行为,...

    css表格单元格中的长文本如何实现自动换行

    自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼。下面介绍的是CSS如何实现换行的方法 对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的...

    表格自动换行主义CSS属性

    这里提到的“三种参数不同形式”即指不同的CSS属性组合方式,用于实现文本在表格单元格中的换行行为。 #### CSS属性详解 为了实现表格内文本的自动换行,可以使用以下几种CSS属性: 1. **`table-layout`** - **...

    html中的div、td 、p 等容器内强制换行和不换行的实现

    另外,对于表格的自动换行,可以使用`table-layout: fixed`属性来设定固定布局,这将根据表格的宽度、边框、间距和列宽来决定表格内容的布局,而不依赖于内容本身。这通常能提高表格渲染的速度。 在跨浏览器兼容性...

    sheetJs+xlsx-style——前端实现导出excel表格——设置单元格背景色,居中,自动换行,宽度,百分数展示等

    而xlsx-style是SheetJS的一个扩展,它为SheetJS增加了样式支持,允许我们在前端生成具有丰富样式的Excel表格,如设置单元格背景色、文本居中、自动换行、调整宽度以及显示百分比等。 首先,让我们深入了解SheetJS的...

    深入解析HTML的table表格标签与相关的换行问题

    这对于需要强制换行且不破坏表格结构的情况特别有用,特别是当单元格内有长串无空格的文本时。 `&lt;thead&gt;`, `&lt;tfoot&gt;`, 和`&lt;tbody&gt;`是HTML表格的分组标签,它们分别用于定义表格的头部、尾部和主体。这些标签有助于...

Global site tag (gtag.js) - Google Analytics