在CSS中,表格對齊是一個常見的問題。有時我們想讓表格的左上角對齊,而不是默認的左對齊或中心對齊。
table { border-collapse: collapse; /*合并表格邊框*/ } td { padding: 5px; /*內邊距*/ border: 1px solid #ccc; /*邊框*/ }
要實現左上角對齊,我們可以使用單元格的 vertical-align 和 text-align 屬性。
td:first-child { vertical-align: top; /*垂直上對齊*/ text-align: left; /*文本左對齊*/ }
以上代碼的含義是,選擇表格中第一個單元格元素,使它在垂直方向上向上對齊,在水平方向上左對齊。
這樣就可以實現表格左上角對齊的效果了。