Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30


Чувашия-это моя Россия

Ссылки на каскадные стили CSS - box-align.

Поддержка Браузеров

Internet Explorer Интернет эксплорер Google Chrome Google Chrome Opera Опера Firefox Firefox Safari Сафари, то есть поддерживается во всех основных браузерах.

Internet Explorer 10 поддерживает альтернативное свойство -ms-flex-align . Firefox поддерживает альтернативу -moz-box-align. Safari, Opera и Chrome поддерживают альтернативу -moz-box-align. Свойство box-align не поддерживаются в Internet Explorer 9 и более ранних версий.

Определение и использование. Свойство box-align определяет как выравнивать дочерние элементы в элементе( коробке).

Аналогом данного свойства box-align можно назвать cвойство box-pack, который указывает, где располагаются дочерние элементы блока, в случае когда блок больше размера дочерних элементов.

Самое мощное здесь даже не в том, что производится некое изменение некого участка страницы сайта. Самое мощное здесь в том, что свойство box-align, которое действует через стили CSS3 автономно работает даже при отключения JavaScripta в браузере Вашего компьютера.


Синтаксис:

                  box-align: start|end|center|baseline|stretch;

Определение и Использование

Свойство box-align определяет способ выравнивания дочерних элементов коробки.

Значение по умолчанию: stretch
наследует: нет
Версия: CSS3
JavaScript синтаксис: object.style.boxAlign="center"


Свойства Значения

Значение Описание
start Для нормального направления коробки, верхний край каждого дочернего элемента располагается в верхней части окна. В обратном направлении коробки, нижний край каждого дочернего элемента располагают вдоль нижней части окна.
end Для нормального направления коробки, нижний край каждого дочернего элемента располагают вдоль нижней части окна. В обратном направлении коробки, верхний край каждого дочернего элемента располагают вдоль верхней части окна
center Все оставшееся пространство делится поровну, половина помещается над дочерним элементом, а другая половина размещенных ниже дочернего элемента
baseline Если box-orient inline-axis горизонтальной оси, все их базовые показатели выравниваются
stretch Дочерние элементы растянутся на весь содержащий блок


Пишем программу - Выровнять дочерние элементы:

< !DOCTYPE html>
< html>
< head>
< style> 
div
{
width:350px;
height:100px;
border:1px solid black;
  
/* Internet Explorer 10 */
display:-ms-flexbox;
-ms-flex-pack:center;
-ms-flex-align:center;

/* Firefox */
display:-moz-box;
-moz-box-pack:center;
-moz-box-align:center;

/* Safari, Chrome, and Opera */
display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;

/* W3C */
display:box;
box-pack:center;
box-align:center;
}
< /style>
< /head>
< body>

< div>
< p>Выровнять по центру< /p>
< /div>

< p>< b>Внимание!!!< /b> Гибкие-контейнеры box-align не поддерживается 
                                      в IE 9 и более ранних версий.< /p>

< /body>
< /html>                      

Результат программы:

Выровнять по центру

Внимание!!! Гибкие-контейнеры box-align не поддерживается в IE 9 и более ранних версий.




seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на главную     назад    дальше     вперед

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: