元素之間邊距如何控制(兼容瀏覽器)
2010/11/5 14:59:31
網站制作需要各個元素之間有一個相等的邊距。曾經用margin屬性來控制相等的邊距,可是由于各瀏覽器顯示的效果不一樣,一般情況下,應用浮動和margin即可進行控制。合理的設置邊距即可。
實現原理:將外邊距轉換為內邊距以消除瀏覽器兼容性問題的思路。
CSS編碼:
body {
margin:0;
padding:0;
}
#wrap {
width:630px;
height:630px;
margin:0 auto;
padding:10px 0 0 10px;
border:1px solid #03c;
}
#wrap .divCon {
float:left;
width:198px;
height:198px;
margin:0 10px 10px 0;
border:1px solid #999;
background:#f1f1f1;
display:inline;
}
HTML編碼
<div id="wrap">
<div class="divCon"></div>
<div class="divCon"></div>
<div class="divCon"></div>
<div class="divCon"></div>
<div class="divCon"></div>
<div class="divCon"></div>
<div class="divCon"></div>
<div class="divCon"></div>
<div class="divCon"></div>
</div>
返回列表
返回首頁
主站蜘蛛池模板:
五月天婷五月天综合网站
|
国产一区二区福利久久|
国产一区二区四区在线观看|
亚洲精品福利网泷泽萝拉|
亚洲一区二区三区影院|
中文字幕在线观看一区|
91国视频在线|
裙子底下真空h揉搓小雪|
波多野结衣与老人公569|
日本午夜免费福利视频|
国产麻豆videoxxxx实拍|
欧美人与zozoxxxx视频|
日日碰狠狠添天天爽超碰97
|
日韩精品久久久免费观看|
精品久久久久久无码人妻热|
狠狠色噜噜狠狠狠狠69|
欧美成人猛男性色生活|
日本久久久久久久中文字幕|
好男人好资源在线影视官网|
国内自拍视频一区二区三区|
国产成年网站v片在线观看|
国产成人精品综合在线观看
|
天天操天天干天天舔|
日韩欧美高清视频|
日韩免费一区二区三区|
娇妻校花欲乱往事叶子txt下载|
国邦征服雪婷第二篇|
国产亚洲视频在线播放大全|
亚洲自国产拍揄拍|
久久久久亚洲AV无码专区首JN|
4hu44四虎在线观看|
精品视频一区在线观看|
欧洲乱码伦视频免费|
天堂网在线.www天堂在线资源|
国产免费变态视频网址网站|
亚洲乱码一区二区三区在线观看|
91在线你懂的|
男人j进女人p视频免费观看|
日韩a无v码在线播放|
无遮挡很爽很污很黄在线网站|
国产激情在线视频|