如何根据内容

Question

这是对我之前发现的here问题的跟进。有没有办法实现，我无法更好地描述它，＆＃34;基于步骤的高度＆＃34;在一个div？我做了一点fiddle来展示我的内容。

我的目标是，每个方框的高度都是400px的倍数。所以如果一个盒子的高度为：auto;将是345px，它应该是400px，如果它在400和800px之间它应该是800px，依此类推。不幸的是，我没有找到任何有用的东西来达到这个目的。有什么想法吗？

这应该只用html和css来实现。 jQuery解决方案可能如下所示：

$('div').each(resize);

function resize(){
    var height = $(this).css( "height" );
    var newHeight = Math.ceil(parseInt(height) / 400) * 400;
    $(this).css('height', newHeight+'px');
}

Answer 1

  

这应该只用html和css

来实现

不幸的是，CSS不是一种编程语言，因此没有可以实现这一目标的属性。

所以，基本上......没有JS / JQ，这是不可能的。