0

这是我正在使用的 JS,它运行良好:

$(function() {
    var count = $(".parent a").length;

    $(".parent div").width(function(){
        return ($(".parent").width()/count)-5;
    });

    $(".parent div:not(:last)").css("margin-right","5px");

    $(".parent div:last").width(function() {
        return $(".parent div:last").width() + 5;
    });
  });

唯一的问题是,有时当我加载网页时,我的 div 看起来像这样:

在此处输入图像描述

这是刷新页面后的样子:

在此处输入图像描述

有没有办法修复它,以便在进入页面时正确加载?


JSFIDDLE

4

1 回答 1

0

这应该会更好(用 a 而不是 div)

编辑:修复了其他一些 CSS 问题:

  • 需要显示:inline-block;
  • .button 需要是 display:block; (填写)

http://jsfiddle.net/JpcQA/4/

$(function() {
    var count = $(".parent a").length;

    $(".parent a").width(function(){
        return ($(".parent").width()/(count))-15;
    });

    $(".parent a:not(:last)").css("margin-right","5px");

    $(".parent a:last").width(function() {
        return $(".parent a:last").width() + 5;
    });
});
于 2013-10-22T14:34:24.057 回答