如何實現div居中
用浮動模型可以設置居中嗎？如果可以的話該怎么寫？
好好學習cat
2016-07-09
3 回答
舉報
0/150
提交
取消
用浮動模型可以設置居中嗎？如果可以的話該怎么寫？
2016-07-09
舉報
2016-07-09
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%也就可以了。
2016-09-25
"這樣看來就很簡單了吧，父元素和子元素同時左浮動，然后父元素相對左移動50%，再然后子元素相對右移動50%，或者子元素相對左移動-50%也就可以了。"
當表述為：“然后父元素左邊距50%（是相對于其外層容器的），再然后子元素右邊距50%（是相對于父元素的），
2016-07-09
div{text-align:center;}