文章/答案/技术大牛

发布

社区首页 >问答首页 >自动居中<div><div></div></div>

问自动居中<div><div></div></div>
EN

Stack Overflow用户

提问于 2017-02-20 02:11:21

回答 2查看 66关注 0票数 0

我有一个div (我想是容器吗？)我想把它放在中心页。

<div style="margin: 0 auto;">
<div style="float: left; width: 300px;"><img src="owngfx/bankover.jpg" width="300" height="215" /></div>
<div style="float: left; width: 300px;">Billede 2</div>
<div style="float: left; width: 300px;">
<div class="fb-page" data-width="300" adapt_container_width="true" data-height="450" data-href="https://www.facebook.com/dagenshug" data-small-header="false" data-hide-cta="false" data-hide-cover="false" data-show-facepile="true" data-show-posts="false">
<div class="fb-xfbml-parse-ignore"></div>
</div>
</div>
</div>

我只想把所有的内容都放到中间页，这怎么可能呢？

center

html

css

回答 2

Stack Overflow用户

发布于 2017-02-20 02:15:52

<div style="margin: 0 auto; width:60%;">
<div style="float: left; width: 300px;"><img src="owngfx/bankover.jpg" width="300" height="215" /></div>
<div style="float: left; width: 300px;">Billede 2</div>
<div style="float: left; width: 300px;">
<div class="fb-page" data-width="300" adapt_container_width="true" data-height="450" data-href="https://www.facebook.com/dagenshug" data-small-header="false" data-hide-cta="false" data-hide-cover="false" data-show-facepile="true" data-show-posts="false">
<div class="fb-xfbml-parse-ignore"></div>
</div>
</div>
</div>

根据需要使用额外的样式宽度:x%更新第一行

票数 0

Stack Overflow用户

发布于 2017-02-20 02:16:33

你需要显示“容器”的width来居中，以及你所做的将左边距和右边距设置为auto。

将您的第一行更改为：

<div style="width: 50%; margin: 0px auto;">

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/42330929

复制

相似问题

问自动居中<div><div></div></div>
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问自动居中<div><div></div></div>EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问自动居中<div><div></div></div>
EN