2017-02-19 92 views
0

我有一个div(容器,我认为?)我希望这是中心页面。汽车中心<div><div></div></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>

我只是希望所有的上下文去中心页面,这怎么可能?

+0

该代码疼一下。尝试使用CSS。 –

回答

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

+0

但如果我在该容器上放一个宽度,它将不会在智能手机上显示出来...如果我添加900px,那么它在笔记本电脑上正确上胶,但不在电话上 –

+1

避免使用硬编码,如“宽度:300px”尝试使用百分比。或者只是使用bootstrap进行响应 – Venky

+0

或使用媒体查询:https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries – j3py

0

您需要为“容器”来居中显示宽度,以及你有什么完成左右边距设置为auto

你的第一行改成这样:

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