，我們可以借助CSS中的flex布局來實(shí)現(xiàn)一排三個(gè)等寬的<div>元素。下面是一段使用flex布局來實(shí)現(xiàn)一排三個(gè)等寬排列的CSS代碼：
.parent {
display: flex;
}
<br>
.child {
flex: 1;
}以上代碼中，我們給外層的父容器設(shè)置了display屬性值為flex，表示采用flex布局。子元素<div>則通過設(shè)置flex屬性值為1，實(shí)現(xiàn)平均分配父容器寬度的效果。這樣，三個(gè)子元素就會(huì)等寬排列在一行上。
下面是一個(gè)簡(jiǎn)單的 HTML 示例代碼，演示了以上CSS樣式如何實(shí)現(xiàn)一排三個(gè)<div>等寬排列：
<div class="parent"> <div class="child">內(nèi)容A</div> <div class="child">內(nèi)容B</div> <div class="child">內(nèi)容C</div> </div>
以上代碼中，我們?cè)谕鈱拥?lt;div>元素上添加了class屬性為"parent"，表示該<div>是父容器。每個(gè)子元素<div>都添加了class屬性為"child"，用于設(shè)置子元素的樣式。在瀏覽器中運(yùn)行以上代碼，即可看到內(nèi)容A、內(nèi)容B和內(nèi)容C三個(gè)<div>等寬排列在一行上。
除了使用flex布局實(shí)現(xiàn)一排三個(gè)等寬的<div>元素，還可以通過使用display屬性值為table和table-cell來實(shí)現(xiàn)。這種方式比較適用于需要支持更老版本的瀏覽器。
.parent {
display: table;
}
<br>
.child {
display: table-cell;
width: 33.33%;
}以上代碼中，我們將父容器的display屬性值設(shè)置為table，再將子元素<div>的display屬性值設(shè)置為table-cell，同時(shí)設(shè)置寬度為33.33%（即三個(gè)子元素平均分配父容器的寬度）。這樣一來，三個(gè)子元素就能等寬排列在一行上。
下面是使用display屬性值為table和table-cell的HTML示例代碼：
<div class="parent"> <div class="child">內(nèi)容A</div> <div class="child">內(nèi)容B</div> <div class="child">內(nèi)容C</div> </div>
通過以上代碼，在瀏覽器中可以看到內(nèi)容A、內(nèi)容B和內(nèi)容C三個(gè)<div>等寬排列在一行上。
綜上所述，我們可以通過使用flex布局或display屬性值為table和table-cell來實(shí)現(xiàn)一排三個(gè)<div>等寬排列的效果。不論是使用哪種方法，都可以根據(jù)實(shí)際需求來選擇最合適的方式。以上示例代碼僅供參考，讀者可以根據(jù)自己的需求進(jìn)行適當(dāng)?shù)恼{(diào)整和修改。