HTML 表格的一些总结

来源：互联网发布：ppt数据图表编辑：程序博客网时间：2024/06/05 17:40

表格上下格式不一样的处理方法

在同一张表格中，如果表格的上下格式都一样，可以正常的合并列，格式是指列数的个数与比例，如果下面的格式(row)与上面不一致，就会出现界面显示比例失错的问题。思路是这样的，看上半部分的表格需要分成几列，包括colspan中的列，下半部分的表格需要分成几列，然后得出上下部分的最小公倍数，在上下部分的每一列中都尽量用到colspan参数，基本就可以得到一个理想的表格了。
需要注意的是，上下部分的相通的列都是连在一起的，想要得出玩完善的表格，只能求取最少公倍数的倍数，然后根据显示的单元格的大小再细分colspan。
HTML中的表格不会出现下面表格的样式，因为上下部分的列是不在同一条直线上。

表格示例

1 2 3 1 2 3 4

表格字体的设置

在<head>标签中加入字体的属性

    <style type="text/css">        body{ font-size:14px;}     </style>

Table中的表格的内容过长时实现自动换行

之前是这样的，当单元格里面的内容过长时，内容显示不全，只显示前面一部分

table {table-layout:fixed;}table td {width:80px;    word-wrap:break-word;}

阅读全文

0 0