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 die Verwendung der Anzeige in Betracht ziehen: 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:

.row {
  width: 100%;
  margin: 0 auto;
}
.block {
  width: 100px;
  display: inline-block;
}

Diese Anpassung behebt das Problem der horizontalen Ausrichtung und ermöglicht die zentrale Positionierung der DIVs im Container. Es ist erwähnenswert, dass dieser Ansatz besonders für Szenarien geeignet ist, in denen die Breite der DIVs fest oder relativ ähnlich ist.