CSS中,table當中的單元格td的對齊可以使用vertical-align屬性和text-align屬性來控制。
vertical-align屬性是控制單元格內容在單元格垂直方向上的對齊方式。常用的屬性值有:
vertical-align: baseline; // 默認值,基線對齊 vertical-align: top; // 頂部對齊 vertical-align: middle; // 居中對齊 vertical-align: bottom; // 底部對齊 vertical-align: text-top; // 文本頂部對齊 vertical-align: text-bottom; // 文本底部對齊
text-align屬性是控制單元格內部內容的水平對齊方式。常用的屬性值有:
text-align: left; // 左對齊 text-align: center; // 居中對齊 text-align: right; // 右對齊 text-align: justify; // 兩端對齊 text-align: inherit; // 繼承父元素的text-align屬性
注意:對于table元素,text-align屬性只控制表格內的文字或圖片等行內元素的對齊方式,對于其他塊級元素或者非行內元素,使用text-align屬性是沒有效果的。
除了以上屬性,還可以使用padding和margin等屬性來調整單元格內外的空白區域,以改變單元格內部內容的表現。
上一篇css中的zoom=1
下一篇css中橙色的代碼