您當(dāng)前位置：圖趣網(wǎng)（Tuquu） >> 網(wǎng)頁(yè)設(shè)計(jì)教程 >> 移動(dòng)前端 >> 瀏覽設(shè)計(jì)教程

div+css讓div內(nèi)部元素如單選按鈕均勻分布

2014/9/30 11:25:06來(lái)源：三聯(lián)

 代碼如下:


<div style="width: 62%;margin: auto;">
<div style="float:left;width: 49%; text-align: center">
<input type="radio" checked="checked"/>男
</div>
<div style="float:left;width: 49%; text-align: center">
<input type="radio"/>女
</div>
</div>


這樣，通過(guò)將內(nèi)部div向左飄，然后再把寬度設(shè)為稍小于平均值（防止擠爆），即可讓該div內(nèi)部的div均勻分布。

PS，使用該方法居中后，如果下免還有div元素，切記在style添加


代碼如下:

clear: both;


防止下面元素布局受到影響。 

[教程作者：佚名]
關(guān)鍵詞：內(nèi)部 元素 單選 按鈕 均勻 均勻分布 分布
免責(zé)聲明：本站文章系圖趣網(wǎng)整理發(fā)布，如需轉(zhuǎn)載，請(qǐng)注明出處，素材資料僅供個(gè)人學(xué)習(xí)與參考，請(qǐng)勿用于商業(yè)用途！
本文地址：http://m.pkvc.cn/tutorial/wd2220.html
通過(guò)CSS禁用頁(yè)面內(nèi)容選中和復(fù)制操作
一款css實(shí)現(xiàn)的鼠標(biāo)經(jīng)過(guò)按鈕的特效
圖趣網(wǎng)微信
建議反饋
×