Auto-Center <div><div></div></div>

Ich habe ein div (Container denke ich?) Ich möchte, dass Center-Seite sein.Auto-Center <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>

ich alle wollen nur das Kontextzentrum Seite zu gehen, ist, wie das möglich?

Quelle

2017-02-19 Mark Jacobsen

Dieser Code tut weh zu sehen. Versuchen Sie es mit 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>

Update die erste Zeile mit einer zusätzlichen Stil Breite: x% nach Ihren Wünschen

Quelle

2017-02-19 18:15:51 Venky

Aber wenn ich eine Breite auf diesen Container setze, wird es nicht direkt auf dem Smartphone angezeigt ... und wenn ich 900px addiere dann ist es korrekt auf dem Laptop, aber nicht am Telefon –

vermeiden verwenden harte Codierung wie "width: 300px" versuche den Prozentsatz zu verwenden. Oder einfach Bootstrap für die Reaktionsfähigkeit verwenden – Venky

Oder verwenden Sie eine Medienabfrage: https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries – j3py

Sie benötigen ein Breite für die ‚Container‘ anzuzeigen es zum Zentrum, als auch, was Sie haben die Einstellung der linken und rechten Ränder auf auto.

Ändern Sie Ihre erste Zeile dazu:

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

Quelle

2017-02-19 18:16:32 davvv

Auto-Center <div><div></div></div>

Antwort

Verwandte Themen