Различия
Здесь показаны различия между двумя версиями данной страницы.
Предыдущая версия справа и слева Предыдущая версия Следующая версия | Предыдущая версия | ||
css [2014/04/06 22:58] 46.0.33.180 |
css [2014/04/07 00:13] (текущий) 46.0.33.180 |
||
---|---|---|---|
Строка 1: | Строка 1: | ||
- | Абсолютное позиционирование и растягивание | + | Абсолютное позиционирование и растягивание - надо знать высоту ребенка |
В коде примера выполняется центрирование по вертикали и горизонтали. | В коде примера выполняется центрирование по вертикали и горизонтали. | ||
HTML: | HTML: | ||
Строка 26: | Строка 25: | ||
http://ruseller.com/lessons.php?rub_id=2&id=1248 | http://ruseller.com/lessons.php?rub_id=2&id=1248 | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | Выравнивание по вертикали - не работает в хроме | ||
+ | |||
+ | .right_vhelper { | ||
+ | display:-moz-inline-box; | ||
+ | display:inline-block; | ||
+ | height:100%; | ||
+ | width:0px; | ||
+ | vertical-align:middle; | ||
+ | zoom:1; | ||
+ | //display:inline | ||
+ | } | ||
+ | |||
+ | .right_vcenter{ | ||
+ | display:-moz-inline-box; | ||
+ | display:inline-block; | ||
+ | |||
+ | vertical-align:middle; | ||
+ | width:170px; | ||
+ | border:1px solid #080; | ||
+ | 1background: #DDF; | ||
+ | zoom:1; | ||
+ | 1display:inline; | ||
+ | | ||
+ | | ||
+ | | ||
+ | <div class='right_vcenter'>/ | ||
+ | <div class='right_vhelper'>/ | ||
+ | | ||
+ | высоту знать не надо | ||
+ | | ||
+ | |||
+ | |||
+ | |||
+ | http://ruseller.com/lessons.php?rub=32&id=2017 | ||
+ | Делаем “ленивую” прокрутку на jQuery | ||
+ | |||
+ | |||
+ | |||
+ | coda slider | ||
+ | http://ruseller.com/lessons.php?id=273 | ||
+ | |||
+ | |||
+ | |||
+ | Полоска на всю ширину экрана | ||
+ | http://ruseller.com/lessons/les1098/demo/index.htm | ||
+ |