2011-05-26 48 views

回答

3

請在.box_desc上設置您的line-height。我還調整你的top值,以補償:

.box_desc { 
    position: absolute; 
    top: 14px; 
    line-height: 10px; 
} 

你應該調整的line-height/top值完美。

參見:http://jsfiddle.net/XhZMv/

+0

哇,謝謝!那你怎麼知道這是爲了工作?如果將line-height應用於'.box_desc',但是將line-height應用於'.box_desc_title',爲什麼它會起作用? – trusktr 2011-05-26 08:43:34

+0

這就是它的工作原理。對於最小的測試用例,請參閱:http://jsfiddle.net/cjusp/ - 我想我已經在規範中找到相關引用,請參閱:http://www.w3.org/TR/CSS21/visudet .html#propdef-line-height - 比較兩個以''在塊容器元素上開始的句子''vs'「在非替換的內聯元素上''。 – thirtydot 2011-05-26 09:13:24

+0

感謝您的好回答! – trusktr 2011-05-26 09:35:29

0

嘗試font-size:0; line-height:0;也固定寬度和高度。

+0

笑,使文本消失。我認爲它受到瀏覽器的限制...似乎任何12px及以下的文本都被限制爲高於文本正常行高的行高,因此您將始終擁有空間。 – trusktr 2011-05-26 08:38:40

+0

沒關係,似乎三十歲找到了解決方案,與他的答案! – trusktr 2011-05-26 08:41:10

相關問題