DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> DIV十CSS布局 >> 布局實例 >> div+css讓div內部元素如單選按鈕均勻分布
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;


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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved