28 lines
No EOL
803 B
Markdown
28 lines
No EOL
803 B
Markdown
# vertical-align + table-cell + position = ?
|
||
|
||
[importance 5]
|
||
|
||
В коде ниже используется вертикальное центрирование при помощи `table-cell + vertical-align`.
|
||
|
||
Почему оно не работает? Нажмите на просмотр, чтобы увидеть (стрелка должна быть в центре по вертикали).
|
||
|
||
```html
|
||
<!--+ run height=70 no-beautify -->
|
||
<style>
|
||
.arrow {
|
||
position: absolute;
|
||
height: 60px;
|
||
border: 1px solid black;
|
||
font-size: 28px;
|
||
|
||
*!*
|
||
display: table-cell;
|
||
vertical-align: middle;
|
||
*/!*
|
||
}
|
||
</style>
|
||
|
||
<div class="arrow">«</div>
|
||
```
|
||
|
||
Как починить центрирование при помощи CSS? Свойства `position/height` менять нельзя. |