Html 将元素的大小限制为给定大小的倍数

Html 将元素的大小限制为给定大小的倍数,html,css,xhtml,Html,Css,Xhtml,如果我有一个扩展到其内容的div,如何确保其高度始终是给定值的倍数,例如50像素?CSS有什么方法可以做到这一点,或者我需要使用JavaScript吗?因为CSS不知道实际计算的元素维度,所以它无法实现您的要求。JavaScript可以轻松做到这一点。因为CSS不知道实际计算的元素维度,所以它无法实现您的要求。JavaScript很容易做到这一点。您需要JavaScript。如果内容没有内联更改(使用ajax或jquery或任何东西),您可以使用onload事件启动脚本,检查高度并修复它: &l

如果我有一个扩展到其内容的
div
,如何确保其高度始终是给定值的倍数,例如50像素?CSS有什么方法可以做到这一点,或者我需要使用JavaScript吗?

因为CSS不知道实际计算的元素维度,所以它无法实现您的要求。JavaScript可以轻松做到这一点。

因为CSS不知道实际计算的元素维度,所以它无法实现您的要求。JavaScript很容易做到这一点。

您需要JavaScript。如果内容没有内联更改(使用ajax或jquery或任何东西),您可以使用onload事件启动脚本,检查高度并修复它:

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

(未测试)

您需要JavaScript。如果内容没有内联更改(使用ajax或jquery或任何东西),您可以使用onload事件启动脚本,检查高度并修复它:

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