汽車中心<div><div></div></div>

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

我只是希望所有的上下文去中心頁面，這怎麼可能？

來源

2017-02-19 Mark Jacobsen

該代碼疼一下。嘗試使用CSS。 –

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

來源

2017-02-19 18:15:51 Venky

但如果我在該容器上放一個寬度，它將不會在智能手機上顯示出來...如果我添加900px，那麼它在筆記本電腦上正確上膠，但不在電話上 –

避免使用硬編碼，如「寬度：300px」嘗試使用百分比。或者只是使用bootstrap進行響應 – Venky

或使用媒體查詢：https：//developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries – j3py

您需要爲「容器」來居中顯示寬度，以及你有什麼完成左右邊距設置爲auto。

你的第一行改成這樣：

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

來源

2017-02-19 18:16:32 davvv

汽車中心<div><div></div></div>

回答

相關問題