Anordnung von HTML-Select mit UTF-Icons

8

Mit diesem HTML

%Vor%

Die zweite Eingabe wird verteilt. Wie vermeide ich diesen Effekt?

    
Peter Rader 02.12.2017, 12:56
quelle

4 Antworten

3

Das UTF-Zeichen ist höher als der Text, daher wird die Auswahlbox verschoben.

Ich habe ein bisschen CSS hinzugefügt, um es zu beheben - vertical-align: middle , um die Auswahlfelder miteinander zu verbinden; und line-height: 1.75em , um das Zeichen sichtbar zu machen.

%Vor% %Vor%
    
Yvonne Aburrow 15.12.2017 09:54
quelle
3

Versuchen Sie es.

%Vor% %Vor%
    
Bagrat Zakaryan 21.12.2017 06:41
quelle
1

Dies wird Ihr Problem mit der Anordnung der beiden ausgewählten Elemente lösen. Der Trick bestand darin, ihnen position:relative; und float:left; zu geben, die Sie bestätigen können, indem Sie height und margin-right entfernen und erneut ausführen:

%Vor% %Vor%
    
Ivan86 21.12.2017 00:57
quelle
0

Probieren Sie dieses

aus %Vor%     
Saurabh Mistry 22.12.2017 06:55
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Vergleich der Leistung von Collectors.summingLong und Collectors.counting