renovations

This commit is contained in:
Ilya Kantor 2015-03-10 14:43:25 +03:00
parent 6444024a9d
commit fad6615c42
22 changed files with 94 additions and 161 deletions

View file

@ -40,23 +40,20 @@
</div>
```
Впрочем, в примере выше блок будет центрирован в IE6,7 (это отклонение от стандарта).
### margin: auto
Для всех браузеров, кроме IE6,7, блок по горизонтали центрируется `margin: auto`.:
Блок по горизонтали центрируется `margin: auto`:
```html
<!--+ autorun height=50 -->
<style>
.outer {
*!*text-align: center;*/!* /* Для IE7- */
border: 1px solid blue;
}
.inner {
width: 100px;
border: 1px solid red;
*!*margin: auto;*/!* /* Для IE8+ и других браузеров */
*!*margin: auto;*/!*
}
</style>
@ -390,7 +387,7 @@
Для горизонтального центрирования:
<ul>
<li>`text-align: center` -- центрирует инлайн-элементы в блоке. В IE7- центрирует всё, но это нестандартное поведение.</li>
<li>`text-align: center` -- центрирует инлайн-элементы в блоке.</li>
<li>`margin: 0 auto` -- центрирует блок внутри родителя. У блока должна быть указана ширина.</li>
</ul>