У меня есть div с отображением: inline-flex , который содержит div с вертикальным текстом с использованием режима записи: вертикальный rl . В Chrome и Safari Внешний div расширяется в соответствии с шириной внутреннего div , но в Firefox ширина внешнего div составляет до 0, а внутренний div переполнен. Существует ли кросс-браузерный способ сделать внешний Div < /code> уважать ширину внутреннего div < /code>? < /P>
chrome 103 & safti 103 & safti 103 & safti 103 & safti 103 & safti 103 & safti. /> firefox 103 < /th>
< /tr>
< /thead>
Код: Выделить всё
.outer {
display: inline-flex;
border: 2px solid black;
}
.inner {
border: 2px dotted black;
}
.vertical {
writing-mode: vertical-rl;
}< /code>
Hello world
Hello world
Подробнее здесь:
https://stackoverflow.com/questions/731 ... element-in