我 创建 了 一 个 包含 一些 文本 的 div ， 其中 包含 一些 简单 的 css ：
.textBox {
display: inline-block;
font-size: 50px;
}中 的 每 一 个
容器 简单 地 是 ：
<div class="textBox"> Test </div>格式
然而 ， 文本 在 div 中 并 不是 完全 垂直 居中 的 。 上面 有 13px ， 下面 有 11px 。 因此 ， 我 希望 div 的 高度 与 文本 的 高度 完全 相同 。
3条答案
按热度按时间piztneat1#
所以这很难。很多人建议你考虑
line-height。但问题是默认的样式规则不知道你要用什么字母。比如说，有没有像M这样的大写字母，或者你可能会用类似的字母，那么它需要更大一些，对吗？或者Q，它需要更小一些。在这种情况下，没有任何收缩到文本的属性实在是太糟糕了。也许行高加上一些尝试和错误就足够了。
第一个
不确定你想要的结果应该是什么。但是如果你想高亮显示文本，即使是行高也不精确。在这种情况下，我回到一个助手标签，我将样式化来填充我的文本后面的背景。这是一个有点多的代码，如示例中所示，对于每种字体，你需要再次找到正确的设置。
第一次
vcirk6k62#
您可以用途：
就像这样：
brgchamk3#
使用属性height：适合内容;到div