Javascript 显示无占用空间
我的分页导航有点问题,显示:无。当我检查inspect元素时,它不占用任何空间,但是由于某种原因,分页导航所在的位置,有一个不应该存在的空白 我尝试过添加溢出:隐藏、可见性:无、高度:0,但都不起作用 也许这和相对位置和绝对位置有关,我还不太明白 themeexp1.tumblr.com 编辑:这不是14px的利润,而是更大的利润 空位: HTMLJavascript 显示无占用空间,javascript,html,css,masonry,Javascript,Html,Css,Masonry,我的分页导航有点问题,显示:无。当我检查inspect元素时,它不占用任何空间,但是由于某种原因,分页导航所在的位置,有一个不应该存在的空白 我尝试过添加溢出:隐藏、可见性:无、高度:0,但都不起作用 也许这和相对位置和绝对位置有关,我还不太明白 themeexp1.tumblr.com 编辑:这不是14px的利润,而是更大的利润 空位: HTML 没有演示很难说出您想要什么,但是底部有空间,因为您的.containerdiv有边距底部:14px 如果没有演示,很难说出您想要什么,但是底部有空间
没有演示很难说出您想要什么,但是底部有空间,因为您的
.container
div有边距底部:14px代码>
如果没有演示,很难说出您想要什么,但是底部有空间,因为您的.container
div有边距底部:14px代码>
请发布呈现的HTML,而不是模板代码。另外,一个jsFiddle.net示例在这里可能很有用。您检查了边距和填充吗?请给我们一个简单的例子?在这里我可以看到,“空白”是.container
类的边距底部:14px
。你是在说你的男装物品的重叠吗?不管是什么算法定位了所有。container
元素可能没有考虑“隐藏”的原因元素。请发布呈现的HTML,而不是模板代码。另外,一个jsFiddle.net示例在这里可能很有用。您检查了边距和填充吗?请给我们一个简单的例子?在这里我可以看到,“空白”是.container
类的页边距底部:14px
。你是说你的mansonry项目重叠吗?不管是什么算法定位所有。container
元素可能没有考虑“隐藏”元素。我知道,但它的空间要大得多:themeexp1.tumblr。com@user3906855我在任何地方都看不到巨大的空间哎呀!我会把这个移到最上面OP@user3906855问题可能出在massy.js
,它似乎是如何加载图像的。@user3906855该图像似乎是绝对定位的,1503px
。这个数字是如何确定的?如果它是通过massy.js确定的,那么这就是问题/答案所在。我知道,但它的空间要大得多:themeexp1.tumblr。com@user3906855我在任何地方都看不到巨大的空间哎呀!我会把这个移到最上面OP@user3906855问题可能出在massy.js
,它似乎是如何加载图像的。@user3906855该图像似乎是绝对定位的,1503px
。这个数字是如何确定的?如果是通过massy.js确定的,那么这就是问题/答案所在。
<div id="content">
<div class="container" id="{postID}">
<div class="container-overlay"></div>
<div class="photo inner">
<a href="{permalink}">
<img src="{block:indexpage}{PhotoURL-500}{/block:indexpage}{block:permalinkpage}{PhotoURL-HighRes}{/block:permalinkpage}" alt="{PhotoAlt}">
</a>
</div>
</div>
<nav id="pagination">
<ul>
{block:PreviousPage}<li><a href="{PreviousPage}">Previous page</a></li>{/block:PreviousPage}
{block:NextPage}<li><a id="nextPage" href="{NextPage}">Next page</a></li>{/block:NextPage}
</ul>
</nav>
</div>
#content{
margin: 0 auto;
position: relative;
}
.container{
margin-bottom: 14px;
}
.container-overlay{
width: 100%;
height: 100%;
opacity: 0;
position:absolute;
}
.icons{
opacity: 0;
position: absolute;
left: 50%;
top: 50%;
width: 100%;
text-align: center;
}
#pagination{
display: none;
position: absolute;
}