Sie könnten display: inline-block
ausprobieren und sehen, ob das in Ihrer Situation funktioniert. Sie können es jedoch nicht mit margin-left: auto
& amp; margin-right: auto
, weil für diese Technik ein width-Wert erforderlich ist.
Wenn möglich, verwenden Sie display: inline-block
und setzen Sie text-align: center
auf seinen Container.
Siehe Arbeitsdemo auf jsFiddle: Ссылка
<div>
s sind Blockelemente. Sie nehmen die volle Breite ihrer Container ein. Zeitraum. Genau wie <body>
oder <html>
Ihre obige Regel macht im Wesentlichen Folgendes:
div { width:100%; margin:0 auto; }
als 100% ist der automatische Wert.
inline-block
würde funktionieren, aber es funktioniert nicht genau wie ein echtes inline-block
-Element.
Grundsätzlich ... Sie können es nicht tun, ohne eine Breite einzustellen und zu positionieren.
Wenn Sie die Inline-Block-Route gehen, lesen Sie dies ... Sie könnten damit enden, unerwartete Schlachten mit Ihren CSS-Erwartungen zu führen.
Ссылка (Link unten in der folgenden msdn-Seite gefunden) Ссылка
Tags und Links css