css 中的文本适合元素问题
Text fiting inside element issue in css
如何在 .inside-ob-u 中制作文本，在悬停 .ob-nth2 后出现而不是 'fitting process' 如图所示：
当高度和宽度发生变化时，可以清楚地看到文本是合适的。
如果没有绝对位置或禁用过渡，我该如何做到这一点？如果我这样做效果很好。
如果您设置 .inside-ob-u 的宽度而不是使用百分比，它不会重排。参见 https://jsfiddle.net/daf7a509/1/
您可以使用 transform: scale(x)。好的是 scale 不会改变元素占用的 space -> 另一个 elements 不要移动 .
https://jsfiddle.net/am7m384d/
编辑：
[...] but it also affects the content (childs) and mess things up. – user3734782
您可以将 .box__hover 的大小设置为悬停时应有的大小，而 scale 未悬停时将其缩小（对于 transition）。然后 children 将具有正确的大小。
这里是改编的fiddle：https://jsfiddle.net/b7w40gtp/
如何在 .inside-ob-u 中制作文本，在悬停 .ob-nth2 后出现而不是 'fitting process' 如图所示：
当高度和宽度发生变化时，可以清楚地看到文本是合适的。
如果没有绝对位置或禁用过渡，我该如何做到这一点？如果我这样做效果很好。
如果您设置 .inside-ob-u 的宽度而不是使用百分比，它不会重排。参见 https://jsfiddle.net/daf7a509/1/
您可以使用 transform: scale(x)。好的是 scale 不会改变元素占用的 space -> 另一个 elements 不要移动 .
https://jsfiddle.net/am7m384d/
编辑：
[...] but it also affects the content (childs) and mess things up. – user3734782
您可以将 .box__hover 的大小设置为悬停时应有的大小，而 scale 未悬停时将其缩小（对于 transition）。然后 children 将具有正确的大小。
这里是改编的fiddle：https://jsfiddle.net/b7w40gtp/