Seitengestaltung: Alternative zur Verwendung von Floats

Question

Immer wenn ich Elemente nebeneinander platzieren möchte, neige ich dazu, sie zu floats zu verwenden. Zum Beispiel zwei divs mit float:left. Ich frage mich, ob das die beste Strategie ist oder ob es eine bessere Alternative gibt.

Dies ist ein Beispielcode

    Alphabet

     A
     B

         Nummer

Was kann ich im obigen Code noch verbessern. Ist dieses

wirklich notwendig oder sollte ich ein anderes Tag verwenden.

Ein Live-Beispiel

Answer 1

Eine Alternative könnte die Verwendung von display:inline-block; und die Verwendung von Labels wie in diesem Beispiel sein.

Labels sind großartig für Geräte mit begrenzten Anzeigemöglichkeiten, insbesondere für Handgeräte, da durch Klicken auf sie das entsprechende Feld aktiviert wird. Du solltest sie immer verwenden.

Trotzdem sehe ich keinen Sinn darin, Floats nicht zu verwenden. Wenn du weißt, wie man sie richtig verwendet, sind sie großartig und kompatibel mit allen Browsern.

Answer 2

Verwenden Sie zum Beispiel style="display:inline-block"

Und zu Ihrer zweiten Frage:

   Alphabet

     A
     B

Die Verwendung von label ist semantischer, und das Anwenden von display:block darauf lässt es die gesamte Breite einnehmen.

Versuchen Sie auch, kein Inline-CSS zu verwenden.

Answer 3

Verwenden Sie float: left;. Es gibt keinen Grund, es in dieser Situation nicht zu verwenden.

Es wird sehr gut unterstützt und "inline-block" wird Ihnen Schwierigkeiten bereiten, es sei denn, Sie hacken es für ältere Browser.. wenn Sie die ganze Zeit float: left; hätten verwenden können.