在 CSS 中,很多時候我們需要將 div 元素的內(nèi)容居中顯示。這里介紹三種方法。
方法一:使用 text-align
<div style="text-align: center;"> <p>居中顯示的文本</p> </div>
這種方法適用于將文本內(nèi)容居中顯示,而不是整個 div 元素。
方法二:使用 margin
<div style="margin: 0 auto; width: 50%;"> <p>居中顯示的內(nèi)容</p> </div>
這種方法適用于將整個 div 元素居中顯示。設(shè)置 margin 為 0 auto 可以將左右 margin 自適應(yīng)寬度,從而將整個 div 元素居中顯示。
方法三:使用 flexbox
<div style="display: flex; justify-content: center;"> <p>居中顯示的內(nèi)容</p> </div>
這種方法適用于將整個 div 元素居中顯示,并且可以在 flexbox 中進行更多的布局。
綜上,以上三種方法都可以實現(xiàn) css 中 div 元素內(nèi)容的居中顯示,具體使用取決于實際場景和需求。