您當前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設計教程 >> 移動前端 >> 瀏覽設計教程

div+css讓div內部元素如單選按鈕均勻分布

 代碼如下:


<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>


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

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


代碼如下:

clear: both;


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

[教程作者:佚名]
免責聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/wd2220.html
通過CSS禁用頁面內容選中和復制操作
一款css實現(xiàn)的鼠標經(jīng)過按鈕的特效
圖趣網(wǎng)微信
建議反饋
×