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

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

positioning text css

user3734782 · 技术社区 · 9 年前

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

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

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

2 回复 | 直到 9 年前

Ivan Modric 9 年前

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

编辑:

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

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

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

yts 9 年前

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

推荐文章

supercarp · 我在R中的数据帧显示,它包含值,但为空,并且对于除第一行以外的所有行,is\u null返回TRUE

2 年前

John Smith · 在特定行的末尾添加文本

3 年前

AndrewLeonardi · 居中并左对齐-引导

7 年前

deadlyvices · 在WPF中精确定位glyph文本

7 年前

meirgold · 用c#显示大型文本文件的最快方法是什么?[已关闭]

7 年前

kakanaldo · 我想在新列表中添加一些文本,直到列表满足特定字符串

7 年前

jared-nelsen · 更改文本字段的大小和行为

7 年前

Ezeeroc · div元素未更改其文本内容

7 年前

Ally · 在位图上绘制长字符串会导致绘图问题

7 年前

Kevin Brophy · 在全屏视频上放置文本

7 年前