注: 1.行元素,默认占据一行 2.多元素组合体,不能单独使用 3.可以嵌套使用 表格常用属性: table{ width 宽度 border 边框宽度 cellpadding 单元格与文字或内容之间的空白 cellspacing 单元格与单元格之间的空白 } tr{ align: 内容对齐 right 右对齐 left 左对齐 center 居中 } th, td{ align: 内容对齐 right 右对齐 left 左对齐 center 居中 rowspan 横跨行数,占几行 colspan 横跨列数,占几列 } 注:rowspan、colspan在html中设置,其余基本在css中代替 相关css: width 宽度 height 高度 border 边框宽度颜色(1px solid #000) text-align 文本对齐(居中center、居左left、居右right) border-collapse: separate 默认,边框独立 collapse 相邻边被合 white-space: normal 默认,文本自动处理换行 nowrap 强制在同一行内显示所有文本 text-overflow: clip 默认,裁切 ellipsis 文本超出边框时显示(...),需配合 white-space:nowrap 其它,查询CSS示例:表格基本结构
<table> <!-- 一个表格,通常只设1个标题 --> <tr> <th>列1标题</th> <th>列2标题</th> </tr> <!-- 一个表格,可以N个行内容 --> <tr> <td>行1列1内容</td> <td>行1列2内容</td> </tr> <tr> <td>行2列1内容</td> <td>行2列2内容</td> </tr> </table> <style type="text/css"> table{ width:200px; /* 宽度在这设置表示表格总宽度 */ border-collapse:collapse; /* 清除间隔,默认单元格是有间隔的 */ } th,td{ height:30px; border:1px solid #000; } </style>![]()