У меня есть два текстовых поля, которые я хочу выстроить друг под другом. Я поставил прокладку div
спереди шириной 2em и цветом фона, чтобы во время тестирования можно было увидеть, насколько велика прокладка. Перед одним из них должен быть label
, который я помещаю внутрь разделителя div
, чтобы текстовое поле с label
и без него по-прежнему имело одинаковое пространство друг перед другом.
Теперь проблема в том, что он всегда добавляет немного пробела, например, пробел между label
и текстовым полем. Это не работает для текстового поля без label
.
Пробела не было после того, как я удалил разделитель div
, но без него я не знаю, как сделать так, чтобы пробел перед двумя текстовыми полями совпадал. Пробовал вставить тот же style
из проставки div
в label
, но потом снова появляется пробел.
Я также пробовал различные способы удаления padding
или margin
безуспешно. Я даже пытался добавить  
перед div
во втором текстовом поле, чтобы добавить пробел, но тогда это пространство было немного больше, чем от label
.
Это HTML-код, созданный, когда я открываю исходный код в Chrome. Вы не сможете увидеть дополнительное место здесь, что расстраивает, но оно есть на моем сайте.
<div class = "row">
<div class = "col-md-12">
<div style = "width:2em; height: 1em;background-color:mediumvioletred; float:left;"><label for = "veranstaltungsnamea">a)</label></div>
<input type = "text" name = "veranstaltungsnamea" id = "veranstaltungsnamea" value = "k"
onchange = "veranstaltungteilprüfung('a')" placeholder = "deutsch" style = "width:90%; margin-left:6;" >
</div>
</div>
<div class = "row">
<div class = "col-md-12">
<div style = "width:2em; height: 1em;background-color:mediumvioletred; float:left;"></div>
<input type = "text" name = "veranstaltungsnameengla" id = "veranstaltungsnameengla" placeholder = "englisch" value = "l"
style = "width:90%;">
</div>
</div>
В моем PHP код выглядит так.
echo '
<div class = "row">
<div class = "col-md-12">
<div style = "width:2em; height: 1em;background-color:mediumvioletred; float:left;"><label for = "veranstaltungsname' . $id . '">'. $id . ')</label></div>
<input type = "text" name = "veranstaltungsname' . $id . '" id = "veranstaltungsname' . $id . '" value = "';
echo findValue('veranstaltungsname' . $id, $sheetData);
echo '"
onchange = "veranstaltungteilprüfung(\'' . $id . '\')" placeholder = "deutsch" style = "width:90%; margin-left:6;" >
</div>
</div>
<div class = "row">
<div class = "col-md-12">
<div style = "width:2em; height: 1em;background-color:mediumvioletred; float:left;"></div>
<input type = "text" name = "veranstaltungsnameengl' . $id . '" id = "veranstaltungsnameengl' . $id . '" placeholder = "englisch" value = "';
echo findValue('veranstaltungsnameengl' . $id, $sheetData);
echo '"
style = "width:90%;">
</div>
</div>';
@UsagiMiyamoto Как я уже упоминал в своем вопросе, дополнительное пространство не отображается во фрагменте, но оно есть на моем веб-сайте.
Проверьте ответ ниже :)
Да, в firefox есть проблема, я обновил ваш код, теперь он работает нормально.
Проблема заключалась в том, чтобы margin
ввести, сделать margin:0
ввести, это даст вам результаты.
<div class = "row">
<div class = "col-md-12">
<div style = "width:2em; height: 1em;background-color:mediumvioletred; float:left;"><label for = "veranstaltungsnamea">a)</label></div>
<input type = "text" name = "veranstaltungsnamea" id = "veranstaltungsnamea" value = "k"
onchange = "veranstaltungteilprüfung('a')" placeholder = "deutsch" style = "width:90%; margin:0px;" >
</div>
</div>
<div class = "row">
<div class = "col-md-12">
<div style = "width:2em; height: 1em;background-color:mediumvioletred; float:left;"></div>
<input type = "text" name = "veranstaltungsnameengla" id = "veranstaltungsnameengla" placeholder = "englisch" value = "l"
style = "width:90%; margin:0px">
</div>
</div>
Могу ли я узнать причину, по которой не нравится ответ?
О, я даже не подумал проверить/изменить margin
в самом текстовом поле! Спасибо, это была абсолютно проблема, и ее сразу же устранили. Ты посланник бога.
Запуск вашего фрагмента, кажется, работает правильно...