Авторский знак. 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-pack.

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

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

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

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


Синтаксис:

           box-pack: start|end|center|justify;

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

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


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

Значение Описание
start Для нормального направления коробки, левого края первого дочернего элемента находится на левом торце( все лишние пробелы ставятся после последнего дочернего элемента). В обратном направлении коробки, правый край последний дочерний элемент размещается на правой стороне( все дополнительное пространство помещается перед первым дочерним элементом)
end Для нормального направления коробки, правый край последний дочерний элемент размещается на правой стороне( все дополнительное пространство помещается перед первым дочерним элементом). В обратном направлении коробки, левого края первого дочернего элемента находится на левом торце( все лишние пробелы ставятся после последнего дочернего элемента)
center Дополнительное пространство делится поровну, половина помещается перед первым дочерним элементом, а другая половина, размещенные после последнего дочернего элемента.
justify Дополнительное пространство делится поровну на каждого дочернего элемента(не лишний пробел перед первым дочерним элементом или после последнего дочернего элемента)


Пишем программу:

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

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

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

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

< div>
< p>Вот, тут в центре!!!
< /div>

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

< /body>
< /html>                      

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

Вот, тут!!!

Внимание!!! Гибкие контейнеры не поддерживается в 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
... ... ...

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

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