Javascript 布局问题
我在这个网站上工作: 当我创建缩略图时,一切都很好,但由于某种原因,如果你向右滚动,它会增加所有额外的空间。在窗口中,一切都按它应该的方式工作,它从来没有让我向右滚动,所以我忽略了额外的空间 现在我添加同位素是为了过滤内容,但是当一个类别被选中时,所有的缩略图都会下拉到右边。有些东西将内容集中到所有额外的空间。我对jquery还不够熟悉,不知道问题出在哪里 下面是一个没有同位素的情况下它应该如何工作的示例:Javascript 布局问题,javascript,jquery,html,css,jquery-isotope,Javascript,Jquery,Html,Css,Jquery Isotope,我在这个网站上工作: 当我创建缩略图时,一切都很好,但由于某种原因,如果你向右滚动,它会增加所有额外的空间。在窗口中,一切都按它应该的方式工作,它从来没有让我向右滚动,所以我忽略了额外的空间 现在我添加同位素是为了过滤内容,但是当一个类别被选中时,所有的缩略图都会下拉到右边。有些东西将内容集中到所有额外的空间。我对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的填充,但是通过一些小的调整,你的解决方案工作得很好!谢谢大家!@很酷!很高兴这有帮助。