`

如何让表格中超长英文单词自动换行

阅读更多
用表格做网页排版的时候,一般都能正常使用。偏偏有时会碰到一段连续的英文词或者一堆感叹号(!!!)把网页就撑开的现象:(总结了一下,只要在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。
分享到:
评论

相关推荐

    Html转pdf 解决中文、数字、英文换行问题

    解决HTML转pdf 中文、数字、英文不能换行的问题,修改的源码包 重新计算了右边距

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

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

    用CSS控制表格或单元格强制换行,防止表格被英文单词或中文撑大

    自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法

    word使用技巧大全

    37、在Excel中实现自动换行 89 38、汉字输入法的若干诀窍 89 39、用Word2000对称页边距进行双面打印 89 40、Excel玩“转置” 89 41、Excel轻松排序 89 42、Word中实现表格标题重复 89 43、Excel中实现表格标题分页...

    Excel公式大全操作应用实例(史上最全)

    如何在单元格中自动填入当前日期 如何判断某日是否星期天 某个日期是星期几 什么函数可以显示当前星期 求本月天数 显示昨天的日期 关于取日期 如何对日期进行上、中、下旬区分 如何获取一个月的最大天数 日期格式...

    Emeditor 简体中文插件集 Build 5

    一、文件增强 ... 重新载入按钮 重新载入 按原始时间戳保存 简单备份 二、编辑增强 插入空格 插入数字序列 绘制表格 文字转换为表格 删除行末空格 块粘帖 ... 拼写检查 拼写检查(英式英语) 拼写检查(美式英语)

    EXCEL函数公式集

    如何在单元格中自动填入当前日期 如何判断某日是否星期天 某个日期是星期几 什么函数可以显示当前星期 求本月天数 显示昨天的日期 关于取日期 如何对日期进行上、中、下旬区分 如何获取一个月的最大天数 日期格式...

    Typora入门使用指南.md

    Typora是一款适合写一些程序相关的博客,因为可以用代码+快捷键的方式,方便的对文章内容进行处理,不用在担心排版和样式变形的问题了,在编辑的过程中,就能预览到效果,看到这篇文章,能让在短时间内适应Typroa的...

    超经典的Web前端与移动开发基础视频 Web前端基础开发视频教程 移动开发基础视频教程

    87前端开发基础视频-设置单词自动换行的处理.avi 88前端开发基础视频-体育新闻综合案例.avi 89前端开发基础视频-CSS盒模型的综述.avi 90前端开发基础视频-CSS盒模的总结.avi 91前端开发基础视频-CSS盒模的边框...

    天正建筑 TS4.5

    54.[做法标注]修改:自动换行距离系数由1改成0.8。改错:导出CSV文件时中文被略去(一个从ACAD2007就开始出现的BUG)。 55.[多线编辑]改错:“A-优化”当首末端有重合点,且在可优化的直线上时,程序不能一次全部...

    Excel函数活用范例大辞典(全新版).何先军.2015-2(带书签高清文字版).pdf

    本书侧重于函数的实战应用,共分12章,前10章分别介绍了数学函数、统计函数、日期和时间函数、文本函数、逻辑函数、查找和引用函数、财务函数、信息函数以及数据库和三角函数在实战中的应用;第11 章介绍了函数与...

    freemarker总结

    2,使用+运算符时,如果一边是数字,一边是字符串,就会自动将数字转换为字符串再连接,如:${3 + "5"},结果是:35 使用内建的int函数可对数值取整,如: ${ (x/2)?int } ${ 1.1?int } ${ 1.999?int } ${ -1.1?int } ...

Global site tag (gtag.js) - Google Analytics