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