Различия
Здесь показаны различия между двумя версиями данной страницы.
Следующая версия | Предыдущая версия | ||
css [2014/04/06 22:57] 46.0.33.180 создано |
css [2014/04/07 00:13] (текущий) 46.0.33.180 |
||
---|---|---|---|
Строка 1: | Строка 1: | ||
- | Абсолютное позиционирование и растягивание | + | Абсолютное позиционирование и растягивание - надо знать высоту ребенка |
- | + | В коде примера выполняется центрирование по вертикали и горизонтали. | |
- | В коде примера выполняется центрирование по вертикали и горизонтали. | + | HTML: |
- | HTML: | + | |
1 <div id="parent"> | 1 <div id="parent"> | ||
2 <div id="child">Содержание</div> | 2 <div id="child">Содержание</div> | ||
Строка 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 | ||
+ |