Programmiererforum

Input default


Input no padding


Select

Hello
World



< /code>
CSS < /p>
.all {
display: flex;
flex-direction: column;
padding: 20px;
}

.container {
display: flex;
flex: 1;
align-items: center;
}

.input {
flex: 1
}

.label {
flex: 1;
background: yellow;
text-align: right;
padding-right: 10px;
margin-bottom: 0;
}

.no-padding {
padding: 0;
}

Ich stelle fest, dass, wenn ich Flexbox mit einem Select und Eingabe verwende, beide mit Form-Kontrollstil, dass sie auf der linken Seite nicht übereinstimmen (ich habe diesen Text fett gedruckt, da die Leute das [url=viewtopic.php?t=26065]Problem[/url] nicht verstehen scheinen). Die linke Seite des oberen Eingangs ist nicht mit der linken Seite der Auswahl ausgerichtet. Sie richten sich aus, wenn ich die Polsterung des Eingangs entferne. < /P>
Dieses [url=viewtopic.php?t=26065]Problem[/url] erscheint auf Chrom und Safari. Firefox ist in Ordnung.[code]

Input default


Input no padding


Select

Hello
World



< /code>
CSS < /p>
.all {
display: flex;
flex-direction: column;
padding: 20px;
}

.container {
display: flex;
flex: 1;
align-items: center;
}

.input {
flex: 1
}

.label {
flex: 1;
background: yellow;
text-align: right;
padding-right: 10px;
margin-bottom: 0;
}

.no-padding {
padding: 0;
}
[/code]
Wie kann ich nur die Auswahl oder verwenden Sie Flexbox, damit er mit der Eingabe ausgerichtet ist?