css - CSSのみでdivの高さに合うようにプレーンテキストの行を垂直方向に伸ばすことは可能ですか？

Question

div内のプレーンテキスト行を垂直方向に均等に伸ばしてdivの高さを埋めたいのですが、line-height何行になるかわからないため、使用しません。

jQueryで実行できますが、純粋なCSSで実行できますか？

Answer 1

いいえ、これは不可能です。

line-height % は、外側の高さではなく、font-size で機能します。そして、あなたは行数さえ修正しませんでした

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
}