Question to say "I can!"

浮動模塊的水平居中

2011-04-11

用萬戈的方法!

對于定寬的非浮動元素我們可以用 margin:0 auto; 進行水平居中,對于不定寬的浮動元素我們也有一個常用的技巧解決它的水平居中問題。分解如下:

1、HTML 部分:

<div class="box">
<p>我是浮動的</p>
<p>我也是居中的</p>
</div>

2、CSS 部分:

.box{
float:left;
position:relative;
left:50%;
}
p{
float:left;
position:relative;
right:50%;
}

這樣看來就很簡單了吧,父元素和子元素同時左浮動,然后父元素相對左移動50%,再然后子元素相對右移動50%,或者子元素相對左移動-50%也就可以了。如此簡單如此神奇。

作者:admin | Categories:設計問題 | Tags:

發表評論

電子郵件地址不會被公開。 必填項已用*標注

*

澳洲f1赛车b盘开奖套路 内蒙时时彩正规走势图 好运彩彩票app怎么样 股票开户最少多少钱 浙江体彩6十1预测今天 股市 股评 今晚开什么特马开奖43 登陆pc蛋蛋 浙江20选5开奖号码是 3d福彩走势图 福建36选7走势图 吉林快3走势图360 爱情就像炒股 河南福彩快3走势图 股票投资策略分析 时时乐开奖走势图 北京赛车直播