CSS 設置不同列居中的文章 在網頁排版中，常常需要將文章分成多個列，以便更好的展示內容。而此時，對于不同列的內容居中展示，就需要運用CSS的技巧了。下面我們就來看一下如何實現這個效果。 首先，在HTML中使用p標簽定義需要分列的文章段落。代碼如下：

<div id="wrapper">
<div class="column">
<p>這里是第一個區域的內容</p>
<p>這里是第一個區域的內容</p>
</div>
<div class="column">
<p>這里是第二個區域的內容</p>
<p>這里是第二個區域的內容</p>
</div>
<div class="column">
<p>這里是第三個區域的內容</p>
<p>這里是第三個區域的內容</p>
</div>
</div>

然后，在CSS中設定每一列的寬度和間距。代碼如下：

#wrapper {
width: 100%;
display: flex;
justify-content: space-between;
}
.column {
width: 30%;
margin-left: 2%;
margin-right: 2%;
}

最后，通過設置p標簽的text-align屬性，將不同列內的文本內容居中。代碼如下：

.column p{
text-align: center;
}

這樣，我們就完成了不同列居中的文章排版效果。 總結 CSS技巧的靈活運用可以為網頁排版增色不少。通過本文介紹的方法，我們可以輕易地添加和編輯不同列居中的文章內容。