【发布时间】:2013-02-23 19:55:18
【问题描述】:
是否可以在纯css中设置一些宽度变化的步骤?
假设我的 div 宽度为 100%,所以当容器为 30px 时,它将为 30px 宽。但是是否可以将一些“跳转”设置为 20px,所以当容器为 30px 时,它仍然是 20px,但是当容器为 40px 时,它会得到 40px,因为 40 是 20 的倍数?
换句话说 - 强制某些元素的宽度被限制为某个整数的倍数。
【问题讨论】:
标签: css
是否可以在纯css中设置一些宽度变化的步骤?
假设我的 div 宽度为 100%,所以当容器为 30px 时,它将为 30px 宽。但是是否可以将一些“跳转”设置为 20px,所以当容器为 30px 时,它仍然是 20px,但是当容器为 40px 时,它会得到 40px,因为 40 是 20 的倍数?
换句话说 - 强制某些元素的宽度被限制为某个整数的倍数。
【问题讨论】:
标签: css
我已经在 JS 中完成了,但我已经将它与一些 css 解决方案混合在一起:
$.fn.widthStep = function(step)
{
var width = $(this).width();
$(this).css('max-width', width - width%step);
}
它将 max-width css prop 设置为最大可能宽度,它是“步长”的乘积并且是
【讨论】: