文本忽略底部填充，无论如何绘制下一行

Question

显然，我的帖子决定让自己有自己的想法，拒绝按照自己的意愿行事。

存储在box（div）内的文本（span）绘制下一行，尽管最大高度设置为最多6行+填充。

如下所示：

所以，显然我没有任何解决方案，这里有代码：

            <div class = "post">
                <div class = "post-title">Lorem ipsum dolor amet</div>
                <div class = "post-content"><span>Lorem Ipsum</span></div>
                <div class = "post-footer"><span class = "post-date">2017.02.07</span><span class = "post-author">- J.</span></div>
            </div>

和CSS：

.post-content
{
    max-height: 128px;
    overflow: hidden;
    color: rgb( 81, 85, 88 );
}

.post-content span
{
    overflow: hidden;
    font-size: 15px;
    display: inline-block;
    padding: 10px 0px;
}

https://jsfiddle.net/2rm969es/

Answer 1

设置明确的行高似乎对我有用：

http://codepen.io/anon/pen/dNjxRW

line-height: 20px;

您是否尝试将10px的填充也显示在页脚上方？

Answer 2

对于其他已经或将来会遇到这个问题的人 - 在页脚和标题上添加填充，它不会像你希望的那样整洁 - 但它会摆脱烦人的'画出文字的东西。