CSS Line Height - 仅限底部

13 html css

好吧,我对前端开发很新,所以如果这是一个愚蠢的问题请不要好:)

我明白,这是不可能的,但在申请时line-height的元素说的h1,该line-height来的都适用额外的空间topbottom该元素的.

这种方式很有意义,但我只想line-height将其应用到元素的底部,这样我的h1, h2其他元素的顶部可以与其他元素完美结合.

这个jsfiddle显示了这个问题:http: //jsfiddle.net/zja4c/1/

这个jsfiddle展示了我想要实现的目标但被迫使用负边距:http://jsfiddle.net/25UTA/

h1background colour红色正确对齐到左侧的顶部div,但文字犯规.

因此,我的问题是,有办法:

  1. line-height仅适用于元素的底部或,

  2. 将元素对齐到通过line-height某种方式应用创建的空间的顶部

Der*_*ker 8

line-height如果您希望在换行符之间保持适当的间距,则使用是唯一的选择.H1正如您所指出的那样,填充将发生在块级元素的底部.我认为负利润率是你最好的选择,但你需要微调它与50px完美排列line-height:

http://jsfiddle.net/25UTA/1/

如果由于某种原因无法使用负边距,则可以使用相对定位和负值top来实现类似的效果.

http://jsfiddle.net/25UTA/2/

使用em's或百分比字体大小和行高可能会成为这个问题.