文字的底线,忽略行高?

时间:2013-09-25 09:34:21

标签: html css

我有两个容器,一个在彼此的顶部,顶部的容器中有几段文字。

我需要文本底线比底部容器高50px。

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

问题在于,由于应用于文本的行高,它与文本的底线不完全相差50px。

到底是否有文字在底部齐平?

希望这是有道理的......我很欣赏它唯一的未成年人,但有些客户希望它具体。

2 个答案:

答案 0 :(得分:1)

您可以尝试在顶部容器中设置line-height与其font-size相同,并在底部设置边框:

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

<强> jsFiddle

答案 1 :(得分:0)

尝试使用padding-bottom代替margin