我有一个包含几个div的页面,有点像这样:
<div id="div_one">blah blah blah</div>
<div id="div_two">blah blah blah</div>
我希望它们水平居中,一个接一个,第二个扩展到页面宽度.
最佳答案
.first_one
{
margin-left: auto;
margin-right: auto;
text-align: center;
}
.second_one
{
width: 100%;
}
然后您认为,对于第一个,您会做
<div class = "first_one">
...
</div>
第二,你会做
<div class = "first_one second_one">
...
</div>