html - 不可拆卸的大底垫

Question

文本在底部有一个很大的空间：http: //jsfiddle.net/qHaFR/

而且我无法删除它。

你能告诉我怎么做吗？

Answer 1

这是因为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/。

Answer 2

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

所以你的风格看起来像：

#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因为divandh1已经是阻塞的。