在CSS中,文本的對(duì)齊方式對(duì)于網(wǎng)頁(yè)設(shè)計(jì)來(lái)說(shuō)非常重要。其中,水平居中是最常見(jiàn)的對(duì)齊方式之一。那么,在CSS表框里如何讓文本居中呢?
<div style="text-align:center;"> <p>這里的文本將會(huì)居中對(duì)齊</p> </div>
通過(guò)給包含文本的標(biāo)簽或元素設(shè)置樣式,可以輕松地讓文本居中。上述代碼中,我們使用了style屬性給div元素設(shè)置了text-align:center的樣式,從而實(shí)現(xiàn)了文本的居中對(duì)齊。
同樣,對(duì)于表格中的文本,我們也可以通過(guò)CSS樣式來(lái)實(shí)現(xiàn)文本的居中對(duì)齊:
<table> <tr> <td style="text-align:center;">第一列</td> <td style="text-align:center;">第二列</td> </tr> </table>
在表格中,通過(guò)給單元格td元素設(shè)置樣式來(lái)讓文本水平居中對(duì)齊。以上代碼中,我們分別給第一列和第二列的單元格設(shè)置了樣式,讓它們的文本都水平居中對(duì)齊。
總之,在CSS表框里讓文本居中對(duì)齊非常簡(jiǎn)單,只需要為包含文本的標(biāo)簽或元素設(shè)置text-align:center樣式即可。
上一篇css插入圖片的代碼