约束元素的大小给定大小

的多。如果我有一个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

回答