У меня есть контейнер div
на моей веб-странице с фиксированной шириной и содержит элементы формы для входа в систему. Ниже этих элементов есть кнопка отправки, ссылка на забытый пароль и т.д.
Бывает, что последним элементам строки требуется меньше ширины, чем предусмотрено в поле. Как распределить их равномерно? Я не хочу
- По умолчанию
| A B C |
- центрирование линии, например
| A B C |
- и расположение таблицы
| A | B | C |
Вместо этого я ищу способ CSS для достижения:
| A B C |
То есть:
- установить равное пространство между всеми элементами
- центрируйте все, чтобы избежать первого или последнего сбоку.
изменить Этот ответ работал лучше всего. Я создал шаблоны для 2 или 3 элементов вроде этого:
div.spread2evenly > div { display: inline-block; *display: inline; /* For IE7 */ zoom: 1; /* Trigger hasLayout */ width: 50%; text-align: center; }