css中的垂直对齐和行高答案

【问题标题】：Vertical align and line-height in csscss中的垂直对齐和行高
【发布时间】：2013-04-09 14:38:48
【问题描述】：

我在这里有两个可能很简单的 CSS 问题： http://web288.merkur.ibone.ch/klingler/

如何使页脚中的© Klingler Fahrzeugtechnik AG 2013 与底部垂直对齐？我尝试了align-bottom 和 p 标签的垂直对齐，但没有运气......

第二件事是，我觉得正文的行间距有点窄。我想要更大的线高。我尝试将 p 标签的 line-height 属性更改为 2.5em 而不是 1.5em 但这并没有改变任何东西？这是为什么呢？

p {
    font-size:1em;
    line-height:1.5em;
    margin: 1.5em 0 0 0;
}

【问题讨论】：

你的网站建议 line-height 被定义了两次（一次在typography.css第158行，然后在screen-PAGE-layout.css第88行被覆盖）
太糟糕了，我很抱歉这个愚蠢的问题。我一直在寻找第二个定义，但找不到...对齐的东西呢？

【解决方案1】：

这样做：

footer {
    position: relative;
}

.ym-g25 {
    position: absolute;
    bottom: 0;
}

【讨论】：

【解决方案2】：

这样做：

.ym-g25 {
width: 25%;
vertical-align: bottom;
display: table-cell;
line-height: 1;
float: none;
}

【讨论】：