文本在css

Question

如何在.inside-ob-u内部播放文本，在{hiring .ob-nth2之后出现不执行'拟合过程'，如下所示：

当高度和宽度变化处于过程中时，可以清楚地看到文本是合适的。

我怎样才能没有绝对位置或禁用转换？如果我这样做，效果会很好。

https://jsfiddle.net/daf7a509/

Answer 1

您可以使用scale。好消息是elements不会改变元素占用的空间 - ＆gt;另一个.box__hover 不移动。

https://jsfiddle.net/am7m384d/

修改

  

[...]但它也会影响内容（孩子）并弄乱。 - user3734782

您可以将scale的大小设置为悬停时的大小，并将transition设置为不悬停时（{{1}}）。然后孩子们的大小正确。

这是一个改编的小提琴：https://jsfiddle.net/b7w40gtp/

Answer 2

如果您设置.inside-ob-u的宽度而不是使用百分比，则不会重排。见https://jsfiddle.net/daf7a509/1/