用表格做网页排版的时候,一般都能正常使用。偏偏有时会碰到一段连续的英文词或者一堆感叹号(!!!)把网页就撑开的现象:(
总结了一下,只要在CSS中定义了如下句子,可保网页不会再被撑开了。
table{table-layout: fixed;}
td{word-break: break-all; word-wrap:break-word;}
注释一下:
1.第一条table{table-layout: fixed;},此样式可以让表格中有!!!(感叹号)之类的字符时自动换行。
2.td{word-break: break-all},一般用这句这OK了,但在有些特殊情况下还是会撑开,因此需要再加上后面一句(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)也行发生
说明:
设置或检索当当前行超过指定容器的边界时是否断开转行。
对应的脚本特性为word-wrap。请参阅我编写的其他书目。
如何让表格自动换行
语法:
table-layout : auto | fixed
参数:
auto : 默认的自动算法。布局将基于各单元格的内容。表格在每一单元格读取计算之后才会显示出来。速度很慢
fixed : 固定布局的算法。在这算法中,水平布局是仅仅基于表格的宽度,表格边框的宽度,单元格间距,列的宽度,而和表格内容无关
说明:
如何让表格自动换行?
设置或检索表格的布局算法。
对应的脚本特性为tableLayout。
分享到:
相关推荐
易语言源码易语言高级表格自动换行源码.rar 易语言源码易语言高级表格自动换行源码.rar 易语言源码易语言高级表格自动换行源码.rar 易语言源码易语言高级表格自动换行源码.rar 易语言源码易语言高级表格自动换行...
易语言高级表格自动换行源码,高级表格自动换行,处理,SetWindowLongA,CallWindowProc,SendMessageA_文本,SendMessageA,GetClientRect,CreateCompatibleDC,GetDC,DeleteDC,ReleaseDC,SetBkMode,SetGraphicsMode,...
html中让表格td中的多余字体自动换行的
设置table 的 style=table-layout:fixed; 然后设置td的 style=word-wrap:break-word; 即可 复制代码代码如下:”1″ cellspacing=”0″ cellpadding=”0″ width=”200″> <tbody> <tr> ”20″>...
易语言高级表格自动换行按行数调整行高源码,高级表格自动换行按行数调整行高,取指定表格行数
易语言源码易语言高级表格自动换行按行数调整行高.rar 易语言源码易语言高级表格自动换行按行数调整行高.rar 易语言源码易语言高级表格自动换行按行数调整行高.rar 易语言源码易语言高级表格自动换行按行数调整...
Excel 表格自动换行 Excel 表格自动换行是 Excel 中的一个基本功能,允许用户在单元格中输入长文本时自动换行,而不需要手动换行。手动换行可以使用快捷键 "Alt+回车",但是自动换行可以简化操作,提高工作效率。 ...
CSS配置使表格能自动换行 给table加上style 三种参数不同形式
JTable的自动换行。挺好用的。里面还可以设置字体大小。分享一下。
layui数据表格自动换行,当设置固定列时,会出现行高不一致的问题,用户体验不好,只需要在页面中增加几行代码即可解决。
有时会需要让字符串多行显示,且每行显示特定的个数的字符串,本程序可以实现以上功能,比如每行固定显示5个字符。。。
EXCEL好用但不能自动换行,这里小提示轻松实现EXCEL自动换行
Linux文档 博文链接:https://linhui-dragon.iteye.com/blog/1741326
易语言高级表格自动换行按行数调整行高.7z
易语言高级表格自动换行源码
自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼。下面介绍的是CSS如何实现换行的方法 对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的...
易语言高级表格自动换行按行数调整行高
用freemarker 来导出Excel 会简单很多。并且可以导出各种复杂表格,本示例带单元格内换行功能,项目中亲测可以使用,欢迎大家下载使用!
使用layu数据表格i的时候,文字太多会使用……代替,用户体验不好,只需要在页面中增加几行样式文件即可解决。
同时支持FF和IE自动换行的CSS,用table表格实现