文章/答案/技术大牛

发布

社区首页 >问答首页 >如何将填充物自动添加到垂直方向上？

问如何将填充物自动添加到垂直方向上？
EN

Stack Overflow用户

提问于 2017-03-22 05:00:59

回答 2查看 265关注 0票数 2

我认为这个填充总是添加到所有元素中，但是由于这个填充，它不便于垂直边距的计算。我想把这块垫子处理掉。我该怎么办？

div { background-color:DodgerBlue; }

<div>ABCDE</div>

结果

css

text

padding

回答 2

Stack Overflow用户

回答已采纳

发布于 2017-03-22 05:03:16

不知道为什么要这样做，但是无论如何，您可以使用line-height来消除顶部和底部的额外间距。

div {
  background-color: DodgerBlue; 
  line-height: 12px;
}

Demo = Demo 2 (带font-size)

票数 1

Stack Overflow用户

发布于 2017-03-22 05:10:26

当文本小于包含的容器时，您将得到文本顶部和底部的间距。它实际上不是一个填充(至少在CSS方面是填充的)。

您可以增加文本的线条高度，以使文本占用更多的空间并适合容器，也可以增加字体大小以达到相同的目的。

div { 
  background-color:DodgerBlue; 
  line-height: 12px;
}

<div>ABCDE</div>

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/42943103

复制

相似问题

问如何将填充物自动添加到垂直方向上？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将填充物自动添加到垂直方向上？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将填充物自动添加到垂直方向上？
EN