ローテーションカードを書くときに出会った穴

1094 ワード

css
father{
    font-size: 0;
}
chlidren{
  display:inline-block;
}

displayの使用について:inline-block;その後、なぜか隙間が現れるのはなぜか分からないが、ネット上で検索すると、彼の親要素ノードにcss font-size:0を設定すると、不思議な隙間を解決できることが分かった.
具体的な原因は分からない.閲覧待ち.
jQuery
JQueryライブラリを使用してcss line-height行の高スタイルタイムズエラーを動的に変更
    containerItems.css({
        'width': width,
        'height': height,
        'line-height':height + 'px'
    });

行の高さを設定するときに「px」を追加するため、widthとheightは省略できます
    if (index > currentIndex) {
        ref.animate({
            left: -offset + 'px' //        ,          css()  
        }, function() {
            var i = currentIndex;
            while (i != index) {
                ref.append(ref.children().first());
                i++;
            }
            ref.css('left', 0);//      css  
        });
        // ref.css('left', 0);  //        ref   css  
    }

animate()メソッドは非同期コールバック問題であり,外部で修正されたcssスタイルはまた内部css()で修正されたので,内部に書くしかない.アニメーションはまだ実行されているからです.