Wie richten Sie das Kontrollkästchen und die Bezeichnung in derselben Zeile in HTML aus?

8

Innerhalb li, platziere ich Checkbox und Label-Eingabe.Wenn Label-Text größer ist als Label-Text unterhalb der Checkbox ausgerichtet.Ich wickelte den Etikettentext aber nicht ausrichten dann Kontrollkästchen und Label in der gleichen Zeile, wenn Label-Text mehr ist.

%Vor%

Danke,

    
user3392135 11.03.2014, 09:41
quelle

4 Antworten

14

Wickeln Sie das Kontrollkästchen mit der Beschriftung und überprüfen Sie dies

HTML:

%Vor%

CSS:

%Vor%

Ссылка

    
IJas 11.03.2014 09:53
quelle
5

Sie sollten <label for=""> für die Kontrollkästchen oder Radios verwenden und die Kontrollkästchen vertical-align ist ausreichend

Versuchen Sie, Ihr Markup auf dieses

zu ändern %Vor% %Vor%

Und setze CSS wie

%Vor%

Bei langem Text

%Vor%

Randnotiz: Im Label muss der Wert von für die ID des Kontrollkästchens sein.

Geige

Aktualisierte Geige

    
Dhaval Marthak 11.03.2014 09:50
quelle
1

Bitte versuchen Sie es

%Vor%     
Piyush Marvaniya 11.03.2014 09:47
quelle
0

Platziere einfach ein div um die Eingabe und beschrifte ...

%Vor%     
Bob 11.03.2014 09:49
quelle

Tags und Links