【问题标题】:CSS 100% width with steps per 20pxCSS 100% 宽度,每 20 像素步长
【发布时间】:2013-02-23 19:55:18
【问题描述】:

是否可以在纯css中设置一些宽度变化的步骤?

假设我的 div 宽度为 100%,所以当容器为 30px 时,它将为 30px 宽。但是是否可以将一些“跳转”设置为 20px,所以当容器为 30px 时,它仍然是 20px,但是当容器为 40px 时,它会得到 40px,因为 40 是 20 的倍数?

换句话说 - 强制某些元素的宽度被限制为某个整数的倍数。

【问题讨论】:

    标签: css


    【解决方案1】:

    我已经在 J​​S 中完成了,但我已经将它与一些 css 解决方案混合在一起:

    $.fn.widthStep = function(step)
    {
        var width = $(this).width();
        $(this).css('max-width', width - width%step);
    }
    

    它将 max-width css prop 设置为最大可能宽度,它是“步长”的乘积并且是

    【讨论】:

    • 这很好,但如果我们可以在没有 javascript 或 jquery 的情况下做到这一点会更好。
    猜你喜欢
    • 2011-08-06
    • 2018-07-15
    • 1970-01-01
    • 2016-10-11
    • 2014-11-18
    • 2012-02-21
    • 2015-03-25
    • 2012-09-01
    • 1970-01-01
    相关资源
    最近更新 更多