как выровнять по ширине select и input - есть ответ

Без имени, 309 просмотров

Примечание:
кроссбраузерно выровнять по ширине в форме элементы - select и input

Примечание:
вот пример кода, небходимо чтобы поля были равными по ширине

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title>test</title>
<style type="text/css">
input, select{
height: 20px;
line-height: 20px;
width: 208px;
border: 1px solid #acadb2;
color: #676767;
border-radius: 2px;
}
</style>
</head>

<body>
<label for="type_facility">Type:</label>
<select id="type_facility" name="type_facility" size="1" class="lineForm">
<option value="1" selected>1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select><sup>*</sup><br>
<label for="name_facility">Name:</label>
<input name="name_facility" type="text"><sup>*</sup><br>
</body>

</html>

Ответы:

desaint

в чем именно?например для отдельных элементов align: center | justify | left | right | start
здесь точнее http://htmlbook.ru/html/colgroup/align

TheStig

Или CSS попробуйте:
margin-left: auto;
margin-right: auto;
Width должен быть выставлен.

الشيطان شر

Ширина списка определяется самым широким текстом, указанным в теге <option>, а также может изменяться с помощью стилей. Например

الشيطان شر

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title>test</title>
<style type="text/css">
input, select{
height: 20px;
line-height: 20px;
width: 208px;
border: 1px solid #acadb2;
color: #676767;
border-radius: 2px;
}
.lineForm{width:211px;
margin-left:8px;}
</style>
</head>

13 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.