Wie kann man Elemente auf Blockebene in CSS nebeneinander anzeigen lassen?

Frage: Wie halten wir zwei Elemente auf Blockebene in derselben Zeile?

Antwort:

1. Setzen Sie das Float-Attribut (^o^)/~

Setzen Sie das CSS-Format des Blockebenenelements auf float: links/rechts, Wenn Sie beispielsweise möchten, dass sich zwei Panels, PanelA und PanelB, in derselben Zeile befinden, müssen Sie nur das CSS-Format von A auf float: links/rechts einstellen. (Hinweis: Legen Sie einfach das Float-Attribut von A fest. Wenn das Float-Attribut von B festgelegt ist, befinden sich die Elemente nach B ebenfalls in derselben Zeile.) Wenn diese Methode verwendet wird, befinden sich die beiden Elemente auf Blockebene nebeneinander andere. Effektbeispiel:

2. Stellen Sie die Anzeige auf Inline-Block ein, dh schreiben Sie den CSS-Code als Anzeige: Inline-Block. Bei Verwendung dieser Methode entsteht eine gewisse Lücke zwischen den beiden Blöcken. Level-Elemente. Beachten Sie, dass diese Methode mit der vorherigen Methode identisch ist. Sie müssen jedoch weiterhin das Anzeigeattribut A anstelle des Attributs B festlegen. Wirkungsbeispiel:

Das obige ist der detaillierte Inhalt vonWie kann man Elemente auf Blockebene in CSS nebeneinander anzeigen lassen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!