У мене є такий HTML:
<div class="outer">
<div class="inner rotate">Centered?</div>
</div>
div.outer
являє собою вузьку вертикальну смугу. div.inner
повертається на 90 градусів. Я хотів би отримати текст "По центру?" щоб виглядати в центрі у своєму контейнері div. Я не знаю розмір будь-якого div заздалегідь.
Це наближається: http://jsfiddle.net/CCMyf/2/ . З jsfiddle видно, що текст вертикально відцентрований до застосування transform: rotate(-90deg)
стилю, але дещо зміщений після. Це особливо помітно, коли div.outer
короткий.
Чи можна відцентрувати цей текст вертикально, не знаючи жодного розміру заздалегідь? Я не знайшов жодного значення, transform-origin
яке б вирішило цю проблему.
display: table
на елементи? Тому що «стандартний» спосіб вертикального вирівнювання динамічних діви повинні працювати з перетворенням без проблем: stackoverflow.com/a/6182661/188221