definieren Schwimmers als Zentrum in CSS

Question

Wie kann ich definieren ein Schwimmer als Zentrum in css definieren? Ich brauche eigentlich ein Layout zwischen rechtem und linken und auch ich versuchte, „text-align“, aber es funktioniert nicht und die „float“ Eigenschaft gerade arbeiten.

Danke

Answer 1

Sie wollen etwas wie folgt aus:

<div style="width: 500px; text-align: center;">

    <div style="margin: 0 auto; width: 100px;">I am centered</div>

</div>

Der Schlüssel ist, text-align: center auf dem übergeordneten und eine Marge: 0 Auto auf dem inneren Elemente

Answer 2

Es gibt keine float: Zentrum. aber wenn Sie einen div wollen an ihrer Mutter zentriert werden soll dies den Trick tun:

#parent-element{
    position: relative;
}
#element
{
  width: 500px; 
  left: 50%;
  margin-left: -250px; /* - (width/2)  */
  position: absolute;
}

aber, was genau wollen Sie erreichen?

Answer 3

Sie können nur ein Element nach links schweben oder rechts.

Vielleicht beschreiben, welche Art von Layout, das Sie versuchen zu erreichen.