`
liumayulingyan
  • 浏览: 154096 次
  • 性别: Icon_minigender_2
  • 来自: 上海
社区版块
存档分类
最新评论

table之自动换行

 
阅读更多

http://blog.csdn.net/suifeng0117/article/details/5413415

 

 

style="table-layout: fixed;WORD-BREAK: break-all; WORD-WRAP: break-word"

如果你定义了单元格的宽度,不想宽度被内容撑大,用table-layout: fixed; WORD-WRAP: break-word;

语法:

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

参数:

normal :  依照亚洲语言和非亚洲语言的文本规则,允许在字内换行 (到了换行的地方,什么字都直接断开)
break-all :  该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本 (为了换行,把非亚洲语言文本断开)
keep-all :  与所有非亚洲语言的normal相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本 (如果不想英语单词被分开,用这个,上面两个都是会直接把单词断开的)



语法:

word-wrap : normal | break-word

参数:

normal :  允许内容顶开指定的容器边界
break-word :  内容将在边界内换行。如果需要,词内换行(word-break)也行发生

说明:

设置或检索当当前行超过指定容器的边界时是否断开转行。
对应的脚本特性为wordWrap。请参阅我编写的其他书目。

 

语法:

table-layout : auto | fixed

参数:

auto :  默认的自动算法。布局将基于各单元格的内容。表格在每一单元格读取计算之后才会显示出来。速度很慢
fixed :  固定布局的算法。在这算法中,水平布局是仅仅基于表格的宽度,表格边框的宽度,单元格间距,列的宽度,而和表格内容无关

说明:

设置或检索表格的布局算法。
对应的脚本特性为tableLayout。

 

分享到:
评论

相关推荐

    jsp页面Table自动换行

    【标题】"jsp页面Table自动换行"涉及的是在JavaServer Pages (JSP) 技术中处理HTML表格(Table)的布局问题。在网页设计中,表格的换行通常是由于表格内容过多,超过了容器(如div或浏览器窗口)的宽度,导致表格...

    layui-table自动换行.txt

    使用layu数据表格i的时候,文字太多会使用……代替,用户体验不好,只需要在页面中增加几行样式文件即可解决。

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

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

    swt table 实现换行

    在 SWT 的 Table 控件中,默认情况下并不支持自动换行。为了实现在 TableItem 内部显示多行文本的效果,我们需要自定义监听器来处理相关的事件,例如 MeasureItem、PaintItem 和 EraseItem 事件。下面我们将详细解释...

    表格自动换行主义CSS属性

    描述部分进一步解释了如何通过给`<table>`元素添加特定的样式来实现自动换行功能。这里提到的“三种参数不同形式”即指不同的CSS属性组合方式,用于实现文本在表格单元格中的换行行为。 #### CSS属性详解 为了实现...

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

    为了实现内容的自动换行,我们需要对table和td进行相应的样式设置。 首先,为了让表格的宽度固定,可以使用CSS属性`table-layout: fixed;`。这个属性用于定义表格宽度的计算方式。当设置为`fixed`时,表格的宽度由...

    FastReport自动换行及行高自适应

    在设计报表时,我们经常遇到需要处理长文本自动换行以及行高自适应的问题,以便于在有限的页面空间内展示更多的信息。本文将详细讲解如何在FastReport中实现这两个功能。 首先,我们要理解自动换行的两种方法: 1....

    html中表格td内容自动换行

    这将解决长串英文字母不能自动换行的问题和 TD 中汉字自动换行问题。 总结 在这里,我们讨论了如何使用 CSS 来控制 TD 中的换行。我们学习了强制不换行和强制换行的实现方法,并介绍了相关的属性和实例。

    浅析响应式框架中,table表头自动换行的快速解决方法

    最近在用bootstrap开发网站,在处理一张table的时候发现,通过...以上这篇浅析响应式框架中,table表头自动换行的快速解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。

    JTable自动换行

    标题“JTable自动换行”正是指向这个功能,即如何在`JTable`的单元格内实现文本的自动换行。 默认情况下,`JTable`的单元格使用`DefaultTableCellRenderer`,它不支持文本的自动换行。为了实现自动换行,我们需要...

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

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

    CSS 文字自动换行

    ### CSS文字自动换行 #### 知识点一:CSS自动换行的原理与方法 在Web开发中,实现文本的自动换行是一项常见的需求。本文档主要介绍了如何利用CSS来实现不同浏览器环境下的自动换行功能,并特别关注了对老旧浏览器...

    IText html转pdf 解决中文自动换行问题

    1、解决HTML转pdf 中文、数字、英文不能换行的问题,修改的源码包 重新计算了右边距。 2、html转pdf 参考我的另外一篇博文https://blog.csdn.net/qq_38616723/article/details/125188407?spm=1001.2014.3001.5502

    支持IE和FF同时自动换行

    ### 支持IE和FF同时自动换行:利用Table实现实例分析 #### 一、引言 在网页设计与开发过程中,一个常见的问题是如何使文本在不同的浏览器中都能正常显示,尤其是在面对文本过长而需要自动换行的情况时。由于历史...

    CSS自动换行

    对于复杂的布局结构,如表格或卡片式布局,可以利用`table`元素的特性实现自动换行: 1. **固定列宽(IE)** - 通过设置`table-layout: fixed;`属性,可以让表格中的列宽固定,从而强制文本在到达边界时换行。 -...

    IText Html生成PDF支持中文、英文和数字换行

    经过大牛修改后的core-renderer.jar,当把HTML转化成PDF时支持table的td中的中文、英文和数字自动换行,table必须添加样式table-layout:fixed;word-break:break-strict;

    css之自动换行.pdf

    在CSS布局中,自动换行是一个常见的需求,特别是在处理文本内容时。文本可能会包含各种字符类型,如连续的数字、英文字符,甚至不同语言的文字。本文主要探讨如何使用CSS来解决自动换行的问题,特别是针对IE和Fire...

Global site tag (gtag.js) - Google Analytics