javascript - 在 jQuery 嵌套插件中使用百分比

Question

我正在尝试一个相当新的多列网格 jQuery 插件，名为 Nested ( http://suprb.com/apps/nested/ )，并且不习惯以百分比设置大小参数。

这是 HTML:

            <div id="container">
            <div class="box">1</div> x5
            </div>

现在，在nested.js 文件中，

    $.Nested.settings = {
    selector: '.box',
    minWidth: 200,
    minColumns: 1,
    gutter: 1,
    resizeToFit: true, // will resize block bigger than the gap
    resizeToFitOptions: {
        resizeAny: true // will resize any block to fit the gap         
    },

我想将“minWidth”更改为百分比。 在这种情况下，包含 .box 的容器为 100%， 我希望它始终有 5 列，每列宽度至少等于 20%， 使其适合 100%。

我怎样才能做到这一点？

Answer 1

为什么不使用CSS？

<style>
 .box{
 width:20% !important;
 }
 </style>