So stylen Sie die Auswahl mit Form-Kontrollstil so, dass er links mit der Eingabe mit Form-Kontrollstil ausgerichtet ist
Posted: 22 Aug 2025, 04:46
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 Problem 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 Problem erscheint auf Chrom und Safari. Firefox ist in Ordnung.
Wie kann ich nur die Auswahl oder verwenden Sie Flexbox, damit er mit der Eingabe ausgerichtet ist?
Dieses Problem erscheint auf Chrom und Safari. Firefox ist in Ordnung.
Code: Select all
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;
}