Я пытаюсь, чтобы две метки с соответствующими входами находились в одной строке с одинаковой шириной, в настоящее время ширина портится, когда в относительно небольшом контейнере.
Пример ширины в маленьком контейнере:
Код:
#row {
display: flex;
flex-wrap: nowrap;
margin-top:4px;
}
#row label {
display:block;
width:25%;
height:30px;
line-height:30px;
text-align:center;
}
#row input {
width: 75%;
border: 1px solid rgb(116, 115, 115);
padding-left:3px;
}<div id = "row">
<label for = "start">Start</label>
<input name = "start" id = "start" />
<label for = "end">End</label>
<input name = "end" id = "endTime"/>
</div>Разница минимальная, но заметная. Какие-либо предложения?
Думаю, ты прав. Я просто осмотрел каждую и проверил их ширину! Спасибо.






Если вы хотите иметь поле ввода такой же ширины, попробуйте использовать свойство min-width, например:
#row input {
min-width: 250px;
border: 1px solid rgb(116, 115, 115);
padding-left:3px;
}
Кстати, они оба выглядят одинаково.
Ширина такая же, глаза подшучивали.
Они одинаковой ширины ... можете проверить в инспекторе. Я подозреваю, что вы видите иллюзию, вызванную разной шириной текста.