汽车中心<div> <div> </div> </div>

时间:2017-02-19 18:11:21

标签: html css center

我有一个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>

我只想让所有背景都进入中心页面,这怎么可能?

2 个答案:

答案 0 :(得分:0)

<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%根据您的要求

答案 1 :(得分:0)

您需要为'容器'显示宽度以使其居中,以及您将左右边距设置为auto所做的工作。

将第一行更改为:

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