Лучшее руководство по CSS горизонтальное выравнивание (по горизонтали Align) в 2024 году. В этом руководстве вы можете изучить В CSS есть несколько свойств для горизонтального выравнивания элемента.,Совместите блоковые элементы,Центр выровнен, используя маржинальную недвижимость,примеров,Используя свойство положения устанавливается слева, выравнивание по правому краю,примеров,Проблемы совместимости Crossbrowser,примеров,Используя свойство поплавка влево, выравнивание по правому краю,примеров,Проблемы совместимости Crossbrowser,примеров,
Блок элемент является элементом, занимая всю ширину передней и задней являются разрывы строк.
Примеры блочных элементов:
Выравнивание текста см текста CSS раздел. ,
В этой главе мы покажем вам, как блокировать горизонтальное выравнивание элементов макета.
Блочные элементы могут быть левого и правого поля установлен в положение "Auto" выравнивания.
Примечание: Использование в полях Internet Explorer 8 : автоматическое свойство не работает, если объявлен DOCTYPE!
свойства полей могут быть произвольно разделены на левый и правый настройки полей автоматически назначаются, то результатом является появление среднего элемента:
Совет: Если ширина 100%, выравнивание не является эффективным.
Примечание: IE5 есть запас в элементе BUG обработки блока.Для того, чтобы приведенный выше пример работы в IE5, нам нужно добавить дополнительный код. примеров
Один центрирующий элемент должен использовать абсолютное позиционирование:
Примечание: Абсолютное позиционирование не имеет ничего общего с потоком документа, таким образом они могут охватывать и другие элементы на странице.
IE8 и более ранних версий есть проблема при использовании свойства позиции. Если контейнер элемент (в данном случае <DIV класс = "контейнер">), указанная ширина ,! DOCTYPE декларации отсутствует, IE8 и более ранние версии добавит запас 17px справа. Это, кажется, переходящий резерв пространства. При использовании свойства позиции всегда устанавливается в объявлении DOCTYPE!
Использование свойства поплавка является одним из метода центрирующего элемента:
Элементы выравниваются, как это, предопределенная Маржа и отступы элемент всегда является хорошей идеей. Это позволяет избежать визуальных различий в разных браузерах.
IE8 и более ранних версий есть проблема при использовании свойства поплавка. Если контейнер элемент (в данном случае <DIV класс = "контейнер">), указанная ширина ,! DOCTYPE декларации отсутствует, IE8 и более ранние версии добавит запас 17px справа. Это, кажется, переходящий резерв пространства. При использовании свойства поплавка всегда устанавливается в объявлении DOCTYPE!