1

私は CSSless と JQuery を使用しており、順序付けられていないリスト内の LI 要素の数を数えようとしているので、その数を幅で割ることができます。

ul.navBar {
    li {
        float: left;
        width: (100% / `$(".navBar li").length()`);
    }
}

出力は、標準のナビゲーション バー メニューのようにタブを並べて表示する必要があります。

JQueryなしでこれを書く方法はありますか?

4

1 に答える 1

1

あなたはこれをしたい：

li { 
    float: left; 
    width: ~`(100/$('.navBar li').length)+'%'`;
}

は、出力を混乱させたくないことを示しています ~。less

次を使用することもできますpercentage。

width: percentage(`1/$('.navBar li').length`);

liこれは、要素の幅を広げるボーダーやパディングなどがない場合にのみ機能します。また、これを の一番下にロードする必要がありますbody。そうしないと、DOM の準備が整う前に jQuery が実行されます。

<body>
  ...
  <link rel="stylesheet/less" type="text/css" href="mystyles.less"> 
  <script src="less.min.js" type="text/javascript"></script> 

</body>

デモ: http://jsfiddle.net/jtbowden/ZJ2HV/

于 2012-04-11T20:51:38.067 に答える