Javascript 布局问题

Javascript 布局问题,javascript,jquery,html,css,jquery-isotope,Javascript,Jquery,Html,Css,Jquery Isotope,我在这个网站上工作: 当我创建缩略图时,一切都很好,但由于某种原因,如果你向右滚动,它会增加所有额外的空间。在窗口中,一切都按它应该的方式工作,它从来没有让我向右滚动,所以我忽略了额外的空间 现在我添加同位素是为了过滤内容,但是当一个类别被选中时,所有的缩略图都会下拉到右边。有些东西将内容集中到所有额外的空间。我对jquery还不够熟悉,不知道问题出在哪里 下面是一个没有同位素的情况下它应该如何工作的示例: 有没有办法解决这个问题?在查看您的站点后,我注意到您的库元素上设置了一个巨大的填充大

我在这个网站上工作:

当我创建缩略图时,一切都很好,但由于某种原因,如果你向右滚动,它会增加所有额外的空间。在窗口中,一切都按它应该的方式工作,它从来没有让我向右滚动,所以我忽略了额外的空间

现在我添加同位素是为了过滤内容,但是当一个类别被选中时,所有的缩略图都会下拉到右边。有些东西将内容集中到所有额外的空间。我对jquery还不够熟悉,不知道问题出在哪里

下面是一个没有同位素的情况下它应该如何工作的示例:


有没有办法解决这个问题?

在查看您的站点后,我注意到您的
元素上设置了一个巨大的
填充
大小

目前是:

.gallery{
    width:80%; 
    padding:800px; /* enormous padding */
    position:relative;
}
我已将其更改为
padding:0
并删除右侧的多余空间

.gallery
现在应该是这样的:

.gallery{
    width:80%; 
    padding:0; 
    position:relative;
}
另外,如果要在调整页面大小时将图库居中,请将
margin:0 auto
添加到
.gallery
元素中

e、 g


在查看您的站点时,我注意到您在
元素上设置了一个巨大的
填充
大小

目前是:

.gallery{
    width:80%; 
    padding:800px; /* enormous padding */
    position:relative;
}
我已将其更改为
padding:0
并删除右侧的多余空间

.gallery
现在应该是这样的:

.gallery{
    width:80%; 
    padding:0; 
    position:relative;
}
另外,如果要在调整页面大小时将图库居中,请将
margin:0 auto
添加到
.gallery
元素中

e、 g


非常感谢。我不知道我是如何忽略了800px的填充,但是通过一些小的调整,你的解决方案工作得很好!谢谢大家!@很酷!很高兴有帮助,谢谢。我不知道我是如何忽略了800px的填充,但是通过一些小的调整,你的解决方案工作得很好!谢谢大家!@很酷!很高兴这有帮助。