如何在css中构建基线

Question

我不明白CSS中的基线意味着什么？我们有块级框。我怎么看基线？在这个例子中，如何确定div块的基线在哪里？ jsFiddle

Answer 1

没人知道。它与元素中的文本所在的各个行有关。我已经尝试了很多很多次，最后我放弃了。它甚至不值得。

我将在这里走出困境并假设（因为你的问题并非完全具体），你正在寻找将元素的内部子元素与父元素的底部对齐。如果是这种情况，那么使用这样的东西：

<div>
    <p>
        align me to the bottom
    </p>
</div>


div
{
    width:200px;
    height:300px;
    background-color:blue;
    position:relative;
}

p
{
    position:absolute;
    bottom:0;
    color:white;
    width:100%;
    text-align:center;    
}

供参考，这是JSFiddle