CSS： - 改變{高度：固定}到{高度：適合內容}

<div> line 1 <br> 
    line 2 <br> 
    line 3 <br> 
    line 4 <br> 
    ...  ... 
</div

div { 
    line-height: 20px; 
    height: 80px; 
}

的jQuery：

$('div').css('height', xxx)

我可以使用上面的jQuery代碼或任何其他，使div的靈活性再次，即，以適應內容，而不是手動預定？

爲什麼不使用'css'和'height：auto'？ –

[僅限CSS]（http://jsfiddle.net/heera/bVMNZ/）。 –

應用auto，默認值height，以實現：

$('div').css('height', 'auto')

2013-09-26 17:59:58

將高度設置爲「」的另一個答案也適用於允許高度默認爲層次結構中更高的屬性。例如，如果'body {height：100％; }'已設置，設置'.css（'height'，''）'將允許它選擇'100％'。 –

確實如此，但指定的元素的高度應調整爲適合其內容，而不是在其層次結構中應用任何其他屬性值。 –

創建你的CSS文件中的第二類聲明稱爲「靈活」

.flexible{ 
    height: auto !important; 
}

，然後使用jQuery添加類

$('div').addClass('flexible');

2013-09-26 18:04:20

回答