上章提到表格边框和折叠边框,这章介绍表格宽度、高度和表格文本对齐。
表格宽度和高度
通过 width 和 height 属性定义表格的宽度和高度。
下面的例子将表格宽度设置为 100%,同时将 th 元素的高度设置为 50px:
table,td,th{border: 1px solid red;}
table{width: 100%;}
th{height: 50px;}
打开记事本,在
标签中加入以下代码,并保存为HTML格式文件。代码如下。(2)在浏览器中浏览效果
在浏览器中浏览效果如图所示。
表格文本对齐
text-align 和 vertical-align 属性设置表格中文本的对齐方式。
text-align 属性设置水平对齐方式,比如左对齐、右对齐或者居中:
table,td,th{border: 1px solid red;}
td{vertical-align:right;}
打开记事本,在
标签中加入以下代码,并保存为HTML格式文件。代码如下。(2)在浏览器中浏览效果
在浏览器中浏览效果如图所示。
Table 属性
閱讀更多 web前端小芬 的文章