要讓文章居中,在 CSS 中,可以使用 margin 屬性。具體實現方法如下:
```css
article {
width: 800px; /* 定義文章寬度 */
margin: 0 auto; /* 讓文章居中 */
}
```
上述代碼中,我們先定義了文章的寬度為 800 像素,接著使用 margin 屬性將文章向左右兩側同時移動,從而實現居中效果。其中,margin 的第一個值為頂部和底部邊距,第二個值為左側邊距,第三個值為右側邊距。
在實際使用中,我們通常會將文章內容放到一個 article 元素中。完整的代碼可以如下所示:
```html
居中文章這是第一段文章內容
這是第二段文章內容
這是第三段文章內容
/* 這里可以放代碼 */
```
注意,在實際使用中,我們可能還需要針對不同的屏幕寬度對文章進行響應式布局,以保證文章在不同設備上都能夠居中顯示。