對于網頁設計來說,表格作為網頁布局中常用的元素之一,在制作中我們要用到許多的CSS樣式來進行美化。其中,左側和右側對齊的樣式就是我們最常使用的一種。
在表格中,TD標簽可表示表格中的一個單元格,我們要實現左右對齊,需要使用text-align屬性。如果想讓表格中的文字都居中,只需要在CSS中添加如下代碼:
pre {
text-align: center;
}
但是,如果想要實現左側和右側對齊的樣式,我們需要使用text-align的left和right屬性。如下所示:
pre {
text-align: left;
}
pre.right {
text-align: right;
}
這些代碼中的“pre”標簽表示段落,我們通過添加類“right”來實現右側對齊。在表格中,我們只需要在單元格中添加相應的類名即可。例如:右側對齊 以上就是使用CSS實現表格中左右對齊的方法,通過使用text-align屬性和類名,我們可以輕松實現表格中的各種對齊方式。
上一篇css td去除間距
下一篇css td 同一行