2016-04-21 11 views
1

habe ich ein Dialogfeld Anzahl von Listenmenüs SELECT enthält. Ich habe sich auf dem Dialog arrangiert von &nbps;Multiple Auswahlmenüs <Select> Ausrichtung zueinander

mit aber ich bin nicht in der Lage, sie richtig zu platzieren. Unten ist das Bild.

Wie sie so anzuordnen, dass alle diese Dropdown-Listen vertikal ausrichten zueinander sein würde.

Grüße.

+0

Wo ist das Bild? Welchen Code hast du selbst getestet? Kannst du bitte ein JSFiddle machen ... ?? – Refilon

+0

'display: inline-block' kann helfen? –

+0

Hier ist das Bild: https://misbahmalik.wordpress.com/2016/04/21/html-select-dropdown-alignment/ .... Ich habe Inline-Block versucht, aber nichts passierte:/ –

Antwort

1

Dont &nbsp; verwenden stellen Sie die min-width für Etiketten und stellen Sie die Breite für Auswahlbox

Zum Beispiel:

Stil:

.the-d-box{ 
clear:both; 
margin:0 10px; 
} 
.the-d-box label,.the-d-box select{ 
float:left; 
} 
.the-d-box label{ 
width:120px; 
} 
.the-d-box select{ 
width:150px; 
} 

Html:

<div class="the-d-box"> 
    <label>Info</label> 
    <select>..</select> 
</div> 
+0

Dies ist, was passiert, wenn ich die oben Stil angewendet: https://misbahmalik.wordpress.com/2016/ 04/21/entfernen/ –

+0

css nicht angewendet, dass. Hast du in Inspect Element dafür gesehen? –

Verwandte Themen