表格的折行处理

最新推荐文章于 2023-08-30 18:05:36 发布

zhaohongwei

最新推荐文章于 2023-08-30 18:05:36 发布

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： ASP技术文档文章标签：算法 table border css

本文链接：https://blog.youkuaiyun.com/zhaohongwei/article/details/510438

ASP技术文档专栏收录该内容

40 篇文章

订阅专栏

博客介绍了用CSS样式控制表格布局，在<table>标签中使用style=\TABLE-LAYOUT: fixed\，介绍了auto和fixed两种布局算法。还提到在<td>标签中使用WORD-WRAP: break-word样式控制内容换行，说明了normal和break-word两个参数的作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

＜table style="TABLE-LAYOUT: fixed" width="200" border="0" cellspacing="0" cellpadding="7" bgcolor="#f7f7f7"＞
＜tr＞
＜td style="LEFT: 0px; WIDTH: 100%; WORD-WRAP: break-word"＞
dffadfdaqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqsfdffadfdasfdffadfdasfdffadfdasfdffadfdasfdffadfdasfd
ffadfdasfdffadfdasfdffadfdasfdffadfdasf
＜/td＞
＜/tr＞
＜/table＞

此处主要是用css样式进行控制在＜table＞标签中有个style="TABLE-LAYOUT: fixed",其说明如下

语法：

table-layout : auto | fixed

参数：

auto : 　默认的自动算法。布局将基于各单元格的内容。表格在每一单元格读取计算之后才会显示出来。速度很慢
fixed : 　固定布局的算法。在这算法中，水平布局是仅仅基于表格的宽度，表格边框的宽度，单元格间距，列的宽度，而和表格内容无关,此时在＜td＞标签中如果没有WORD-WRAP: break-word样式,表格中的内容将只能显示一部份,具体看表格的宽度了.word-wrap说明如下:

语法：

word-wrap : normal | break-word

参数：

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