代码之家 › 专栏 › 技术社区 › user3734782

css中元素内部的文本匹配问题

positioning text css

0

user3734782 · 技术社区 · 9 年前

我如何在里面生成文本 .inside-ob-u 悬停后出现的 .ob-nth2 不要进行“装配过程”,如图所示:

当高度和宽度发生变化时,可以清楚地看到文本是否合适。

我该怎么做没有绝对位置还是禁用转换?如果我这样做,效果很好。

2 回复 | 直到 9 年前

1

Ivan Modric 9 年前

你可以使用 transform: scale(x) .好的是 scale 不会改变元素占用的空间->其他的 elements 不要动 .

编辑:

[…]但它也会影响内容(孩子们)并把事情搞砸。用户3734782

您可以设置 .box__hover 悬停时的大小 规模 当它没有悬停时(对于 transition ). 然后孩子们就会有正确的尺寸。

这是一把经过改编的小提琴: https://jsfiddle.net/b7w40gtp/

2

0

yts 9 年前

如果设置 .inside-ob-u 而不是使用百分比,它不会回流。看见 https://jsfiddle.net/daf7a509/1/