文本的底线，忽略行高？答案

【问题标题】：Bottom line of text, ignoring line height?文本的底线，忽略行高？
【发布时间】：2013-09-25 17:44:32
【问题描述】：

我有两个容器，一个放在一起，最上面的一个里面有几段文字。

我需要文本的底线在底部容器上方 50 像素处。

所以我有 50px 底部到顶部容器的边距，或者 50px 顶部边距到底部容器。

问题在于，由于应用于文本的行高，它距离文本的底线不是 50px。

有没有办法让文本在到达该点时与底部齐平？

希望这是有道理的...我很欣赏它只是次要的，但有些客户希望它具体。

【问题讨论】：

标签： html css

【解决方案1】：

您可以尝试将顶部容器中的line-height 设置为与其font-size 相同，并在底部设置边框：

font-size: 14px;
line-height: 14px;
border-bottom: 1px solid #f00;
marign-bottom: 50px;

【讨论】：

【解决方案2】：

尝试使用padding-bottom 而不是margin

【讨论】：