CSS3 長(zhǎng)等寬是指能夠讓不同的文本或圖片寬度相等的CSS3屬性。這個(gè)屬性在排版上能夠起到非常好的作用，讓頁(yè)面看起來(lái)更加美觀和整潔。下面我們來(lái)了解一下如何使用CSS3 長(zhǎng)等寬。 首先需要在樣式表中調(diào)用CSS3 長(zhǎng)等寬屬性，語(yǔ)法如下：

p {
display:table;
width:100%;
table-layout:fixed;
}

這段代碼中，我們給p標(biāo)簽添加了 table 屬性，并設(shè)置寬度為 100%。接著，我們使用了 table-layout 屬性來(lái)控制長(zhǎng)等寬。 接下來(lái)，我們來(lái)看一下如何使用長(zhǎng)等寬對(duì)圖片進(jìn)行處理：

img{
display: block;
margin: auto;
width: 100%;
}

在這個(gè)代碼中，我們將圖片的 display 屬性設(shè)置為 block，使之成為塊級(jí)元素，然后計(jì)算圖像的寬度等于并撐滿整個(gè)容器。這樣做不僅能夠讓圖片長(zhǎng)等寬排列，還可以讓圖片自適應(yīng)容器大小，更加美觀。 最后，我們來(lái)看一下如何使用長(zhǎng)等寬對(duì)文本進(jìn)行處理：

p {
display: table;
margin: 0;
padding: 0;
width: 100%;
table-layout: fixed;
}
p span {
display: table-cell;
vertical-align: middle;
text-align: center;
}

在這段代碼中，我們首先設(shè)置了 p標(biāo)簽的寬度為100%，然后使用 table-cell 屬性，讓 p標(biāo)簽中的每個(gè) span 元素都成為一個(gè)行內(nèi)元素。 使用這些樣式調(diào)整我們的頁(yè)面元素將能讓你的網(wǎng)站與眾不同并顯得更加美觀。