Question

这里的文字底部有一个很大的空间：http://jsfiddle.net/qHaFR/

我无法删除它。

你能告诉我怎么做吗？

Answer 1

包装器，在这种情况下<span>需要是一个定义了宽度和高度的块元素。您还需要更改行高以匹配容器的高度。

所以你的风格如下：

#foo {
   background-color:yellow;
   font-size:260px;
   border:1px solid black;
   width: 190px; /* if display: block; */
   line-height: 200px;
   display: block; /* or inline-block */
}

为了澄清一下，如果您尝试将A包裹在<div>或<h1>这样的元素中，则不需要声明它display: block，因为{{1} }}和div已经阻止。

Answer 2

这是因为line-height实际上是那么大，以便每个角色都可以在那里展示。在某些语言中，空间被充分利用。例如，如果您输入ÁĄ，则需要整整260像素。如果您无法显示这些字符，则需要相应地更改line-height并将其显示为块：

#foo
{
    background-color: yellow;
    font-size: 260px;
    border: 1px solid black;
    line-height: 200px;
    display: block; /* or inline-block */  
}

如果您不能将其视为块（它的宽度为100％，或者您需要自己设置），请使用display: inline-block;。此外，键入ÁĄ而不是A，并看到这些字母的顶部和底部剪切。在此处，请参阅：http://jsfiddle.net/vmVcr/。

大不可拆卸的底部填充物

2 个答案: