У меня довольно простой вопрос.
Я проектирую форму с использованием HTML и CSS, размер которой должен соответствовать текущей ширине страницы (например, я должен использовать относительные единицы для всех размеров).Форма состоит из нескольких текстовых полей, каждая из которых имеет разную ширину, и мой клиент хочет, чтобы они были расположены определенным образом (например, ZIP, Город и Страна - это три разных поля в одной строке с разными пропорциями размера и т. Д.).
Чтобы правильно расположить поля ввода вместе с их заголовками, я поместил их в таблицу, используя ячейки с различным диапазоном столбцов.Я выравниваю элементы управления в пределах TD с float:left и использую относительную ширину (например, width:90%), чтобы элементы управления занимали всю ячейку.
Проблема, с которой я сталкиваюсь, заключается в том, что мои элементы управления выровнены по левому краю, а в ячейках с разными интервалами столбцов правое поле выглядит неровным, т. Е. Все поля ввода текста имеют немного разную ширину, поскольку ячейки имеют разную ширинуи размер пропорционален ширине ячейки, которая может варьироваться из-за различий colspan (см. рисунок).
Как сделать так, чтобы элементы управления выглядели выровненными с обеих сторон?
PS: я веб-разработчик с некоторыми знаниями HTML и CSS, но я совсем не дизайнер.Таким образом, этот вопрос может быть совершенно базовым для дизайнера, но я не смог найти правдоподобный ответ с разумными комбинациями ключевых слов.Если это какая-то общая тема (я так полагаю), пожалуйста, просто дайте мне несколько подсказок, как сформулировать мой вопрос, чтобы найти ответы.