Im пытается выровнять несколько входов и выбирать прямоугольники в одной форме. ive попробовал различные стили CSS, чтобы попытаться выровнять их, но все, кажется, терпит неудачу (??).Выравнивание входов HTML
Мой html можно найти здесь.
http://jsfiddle.net/felix001/kA8cd/3/
ли кто-нибудь известно какие простые методы для выравнивания этих элементов.
Спасибо,
ли кто-нибудь известно какие простые методы для выравнивания этих элементов.
Да, вы можете использовать Twitter Bootstrap: http://twitter.github.com/bootstrap/
Он предлагает фантастические, хорошо написанные стили для обычных HTML-элементов (в том числе форм). Используйте их как отправную точку и расширяйте оттуда.
Они говорили, что не использовать таблицы для выкладки не табличных данных, но в этом случае, если вы хотите быстрое и грязное решение, это сработает. (Не то, чтобы я потворствовал использованию таблиц для макетов, просто поместив его там, чтобы он был. Опция должна была все провалиться.)
Если вы хотите просто выровнять их на левой стороне, введите справа, вы мог бы попробовать следующее:
ярлык { прозрачный: оба; float: слева; min-height: 35px; } ввод, выберите { поплавок: правый; }
Это не лучшее решение, но если вы ищете что-то легкое, быстрое и простое, оно должно работать. Вы можете обернуть все в div и установить ширину на этой обертке, чтобы поля и метки были ближе друг к другу.
Мне нравится использовать списки для выравнивания моих форм. Я не могу сказать, имеет ли этот метод широкое применение, но он мне очень понравился. Я играл с вашим fiddle, чтобы дать вам пример того, как я выложу форму со списками, но я не полностью стилизовать ваш пример для вас :)
Другого списка примеров http://woork.blogspot.com/2008/06/form-elements-design-using-css-and-list.html
Списки позволяют мне работать с хорошими кусками. Как сказал @Roddy, таблицы будут работать, однако лучшим вариантом может быть расположение ваших divs подобно таблице со свойствами, такими как display: table-cell.
Вы также можете использовать поплавки, как этот парень http://www.dailycoding.com/Posts/layout_form_without_tables_with_css_trick.aspx
Я думаю, что все эти методы работают довольно прилично. Если вам нужен более конкретный ответ, предоставьте подробную информацию о том, как вы хотите выровнять свою форму.
Выровнять ** как **? Вы должны быть более конкретными. Вы хотите, чтобы они были в двух столбцах, входные данные для всех выровнены слева? Что-то другое? – Bojangles
Нужна дополнительная информация, но вам нужно иметь фиксированную ширину на ярлыках и divs вокруг входов или просто поместить все это в таблицу. –
Возможный дубликат [Как выровнять формы ввода в HTML] (http://stackoverflow.com/questions/4309950/how-to-align-input-forms-in-html) –