renovations
This commit is contained in:
parent
6444024a9d
commit
fad6615c42
22 changed files with 94 additions and 161 deletions
|
@ -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>
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue