約束元素的大小給定大小

的多。如果我有一個div是擴展到它的內容，我怎麼能保證它的高度始終是一個定值，也就是說，50個像素的倍數？有沒有辦法用CSS做到這一點，或者我需要訴諸JavaScript？約束元素的大小給定大小

2010-09-09 Jon Purdy

由於CSS不知道實際的計算元素的尺寸，它無法達到你的要求。 JavaScript可以輕鬆做到這一點。

2010-09-09 15:20:28 mingos

你需要的JavaScript。如果內容不改變內聯（使用Ajax或jQuery的或任何東西），你可以使用onload事件來啓動一個腳本來檢查的高度和修復它：

<body onload="javascript:fixHeight()"> 
    <div id="thediv"> 
    content 
    </div> 
</body>

腳本：

function fixHeight() { 
    var thediv = document.getElementById('thediv'); 
    thediv.style.height = ceil(thediv.offsetHeight/50) * 50 + 'px'; 
}

（未測試）

2010-09-09 15:30:29

回答