2012-06-05 78 views
0

我想在一個div純文本線條均勻地垂直拉伸以填充DIV的高度,而無需使用line-height,因爲我不知道有多少行會在那裏是否可以垂直拉伸純文本行以適應div高度僅適用於CSS?

它可以使用jQuery做,但有沒有可能純粹的CSS?

+0

你可以使用那些「行」作爲div背景嗎?如果答案是肯定的,你可以嘗試'background-repeat:repeat-y'css的屬性 – DonCallisto

+0

@DonCallisto thanx但是不是,純文本行 – ilyo

回答

2

不,這是不可能的。

line-height%可用於字體大小,而不是外部高度。 而你甚至沒有修復行數

0

你可以用邊框來做到這一點,但不知道這是你在找什麼。 DEMO: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 
} 
+0

我不明白你想要達到什麼樣的結果。 – ilyo

+0

'I希望div中的行可以垂直均勻拉伸以填充div高度「這就是上面的代碼所做的。你在尋找不同的東西嗎? – Dipak