html - 文本的底线,忽略行高?

标签 html css

我有两个容器,一个叠在一起,最上面的那个里面有几段文字。

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

所以我在顶部容器底部有 50px 边距,或者在底部容器有 50px 顶部边距。

问题在于,由于应用到文本的行高,它距离文本底线的距离不是 50 像素。

有没有什么方法可以让文本在到达那个点时与底部齐平?

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

最佳答案

您可以尝试将顶部容器中的 line-height 设置为与底部的 font-size 和 border 相同:

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

jsFiddle

关于html - 文本的底线,忽略行高?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19001250/

相关文章:

php - 如何在html <div>中调用php文件

javascript - 如何像 Google 那样将默认焦点放在网页的搜索栏上

javascript - ion-content 与 ion-header-bar 重叠

javascript - 正确的链接使用

html - 在 Span block 中显示 Div 元素

javascript - 在 iFrame 中显示用户上一页

HTML DIV 布局

html - formtastic 删除 date_select 中的隐藏字段(日/月)

CSS 表格格式不正确

HTML/CSS 导航事件状态