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;
防止下面元素布局受到影響。
[教程作者：佚名]
免責(zé)聲明：本站文章系圖趣網(wǎng)整理發(fā)布，如需轉(zhuǎn)載，請(qǐng)注明出處，素材資料僅供個(gè)人學(xué)習(xí)與參考，請(qǐng)勿用于商業(yè)用途！
本文地址：http://irelandcustomcontracting.com/tutorial/wd2220.html
本文地址：http://irelandcustomcontracting.com/tutorial/wd2220.html
您可能還喜歡
- jquery Jcrop圖像裁切插件中文api文檔
- @media適配不同尺寸的手機(jī)
- 返回上一頁(yè)代碼的幾種寫(xiě)法
- Dreamweaver CC 2014新功能介紹
- 深入了解viewport和px
- 優(yōu)秀CSS代碼書(shū)寫(xiě)的10個(gè)規(guī)范
- 畫(huà)出你的風(fēng)格：HTML5創(chuàng)意畫(huà)板的設(shè)計(jì)教程
- Div中height:100%無(wú)效的解決辦法
- 網(wǎng)頁(yè)前端-網(wǎng)頁(yè)切圖命名規(guī)范
- 為網(wǎng)頁(yè)設(shè)計(jì)師而生的14個(gè)文本編輯器
這些是最新的
- 專(zhuān)訪：石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類(lèi)
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued：響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率？
- 晉小彥視覺(jué)設(shè)計(jì)系列文章（二）：全屏
最熱門(mén)的教程
