Wie richtet man DIVs innerhalb eines Container-DIV horizontal aus?

DIVs horizontal ausrichten

Beim Versuch, DIVs innerhalb eines Container-DIV horizontal zu zentrieren, können Ausrichtungsprobleme auftreten. Dies kann verschiedene Gründe haben. Um das Problem zu beheben, ziehen Sie die folgende Lösung in Betracht:

Verwenden Sie die Inline-Block-Anzeige anstelle von Float

Anstatt die Float-Eigenschaft zu verwenden, sollten Sie in Betracht ziehen, die Anzeige zu verwenden: inline- Blockattribut. Dadurch wird sichergestellt, dass die DIVs als Inline-Elemente angezeigt werden, was eine horizontale Ausrichtung ermöglicht.

Aktualisierter Code

Um diese Lösung zu implementieren, ändern Sie Ihren CSS-Code wie folgt:

<code class="css">.row {
  width: 100%;
  margin: 0 auto;
}
.block {
  width: 100px;
  display: inline-block;
}</code>

Durch diese Anpassung wird das Problem der horizontalen Ausrichtung behoben, sodass die DIVs zentral im Container positioniert werden können. Es ist erwähnenswert, dass dieser Ansatz besonders für Szenarien geeignet ist, in denen die Breite der DIVs fest oder relativ ähnlich ist.

Das obige ist der detaillierte Inhalt vonWie richtet man DIVs innerhalb eines Container-DIV horizontal aus?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!