上章提到表格邊框和摺疊邊框,這章介紹表格寬度、高度和表格文本對齊。
表格寬度和高度
通過 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前端小芬 的文章