文段居中是網頁設計中常用的技巧，可以使整個頁面看起來更加平衡美觀。在CSS中，我們可以使用text-align屬性來實現文段居中效果。下面是一個簡單的例子：

這是一個居中對齊的文段。

使用上述CSS代碼可以使段落中的文段居中對齊。text-align:center的意思是讓文本在其容器中居中對齊。 在實際應用中，我們可能需要將多個段落居中對齊。這時候，可以使用CSS的層疊樣式表(Cascading Style Sheets)中的class屬性。

這是一個居中對齊的文段。

這是另一個居中對齊的文段。

在CSS文件中添加以下代碼，即可使兩個段落中的文段都居中對齊。 .center { text-align: center; } 需要注意的是，在使用text-align:center屬性時，只有塊級元素才能產生實際的效果。塊級元素包括

、

和

等等，而行內元素(如或)則不會產生效果。 此外，還需注意text-align:center屬性只對水平方向有效，對垂直方向沒有影響。如果需要實現垂直居中，則需要使用vertical-align屬性。 總之，文段居中是CSS常用的布局技巧之一，使用text-align:center屬性可以輕松實現。通過設置class屬性，也可以讓多個文段實現居中對齊。

上一篇html5代碼畫圖

下一篇文檔下載 css樣式