如何使用CSS将div扩展到页面的宽度?

前端之家收集整理的这篇文章主要介绍了如何使用CSS将div扩展到页面的宽度? 前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我有一个包含几个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>
原文链接:https://www.f2er.com/css/530732.html

猜你在找的CSS相关文章