css - 是否可以垂直拉伸纯文本行以仅使用 CSS 来适应 div 高度？

Question

我希望 div 中的纯文本行垂直均匀拉伸以填充 div 高度，而不使用，line-height因为我不知道会有多少行

它可以用 jQuery 来完成，但是用纯 CSS 可以吗？

Answer 1

不，这是不可能的。

line-height % 适用于字体大小，而不适用于外部高度。而且您甚至没有固定行数

Answer 2

您可以使用边框执行此操作，但不确定这是否是您要查找的内容。演示：http: //jsfiddle.net/EChzQ/

<div>
    <span>&nbsp;</span>
</div>

div{
    height: 500px;
    border: 1px solid #000
}
div span{
    width: 20px;
    height: 100%;
    display: inline-block;
    border-right: 1px solid #f00
}