CSS是網(wǎng)頁開發(fā)中最為重要的一部分之一，通過使用CSS，可以方便地進(jìn)行網(wǎng)頁排版和美化。在實際開發(fā)中，我們會遇到很多需要一行顯示兩個內(nèi)容的場景，這時我們可以利用CSS中的display屬性來實現(xiàn)。

.both{
display: flex;
justify-content: space-between;
}

首先我們需要將需要一行顯示的兩個內(nèi)容放到一個共同的標(biāo)簽內(nèi)。比如下面的html代碼：

<div class="both">
<p>左邊的內(nèi)容</p>
<p>右邊的內(nèi)容</p>
</div>

然后我們給這個父級標(biāo)簽（這里是div）添加display:flex屬性，同時設(shè)置justify-content為space-between。這個屬性的作用是讓父級元素內(nèi)的內(nèi)容在主軸上均勻分布。

最后，我們得到了一行顯示兩個內(nèi)容的效果，不同大小的屏幕也可以很好地適應(yīng)。

利用CSS中的display:flex屬性可以輕松實現(xiàn)一行顯示兩個內(nèi)容的效果，這在很多場景下都有很好的應(yīng)用價值。