Wie richtet man Div-Blöcke auf derselben horizontalen Linie aus?

Div-Blöcke auf derselben horizontalen Linie ausrichten

Beim Versuch, zwei Div-Blöcke auf derselben Linie auszurichten, können HTML und CSS verwendet werden um dieses Layout zu erreichen.

Um die Div-Blöcke horizontal auszurichten, erstellen Sie ein Container-Div mit der ID „block_container“. Geben Sie im CSS die folgenden Eigenschaften für dieses Container-Div an:

#block_container {
    text-align: center;
}

Dadurch werden alle Elemente innerhalb des „block_container“-Div zentriert.

Weisen Sie den beiden Div-Blöcken eindeutige IDs zu wie „Block1“ und „Block2“. Verwenden Sie im CSS die folgenden Eigenschaften:

#bloc1, #bloc2 {
    display: inline;
}

Durch die Einstellung der Anzeige auf Inline werden die div-Blöcke horizontal nebeneinander platziert.

Beispiel-HTML:

<div id="block_container">
    <div id="bloc1"><?php echo " version " . $version . " Copyright &copy; All Rights Reserved."; ?></div>
    <div id="bloc2"><img src="..."></div>
</div>

Beachten Sie, dass die Verwendung geeigneter semantischer Tags für Inhalte empfohlen wird, z. B.

oder , anstatt Rohinhalte direkt in div-Elementen zu platzieren.

Das obige ist der detaillierte Inhalt vonWie richtet man Div-Blöcke auf derselben horizontalen Linie aus?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!