在过去的 1.5 小时里,我一直在尝试我所知道的一切,但无法弄清楚这一点。
事实上,据我所知,边距和填充 为 0,但是,包含的 div 到目前为止,莫名其妙地比包含图像宽 4px,高 1px。我不知道那是从哪里来的。
可能导致这种情况的原因很少:
- 我正在通过 javascript 将图像的最大宽度和最大高度设置为窗口的大小。
- 我正在使用表格、表格单元格和内联 block 的组合来按照我需要的方式设置排版。
- 还使用 100% 宽度和高度的 body 和 html
- 这是一个 Tumblr 主题定制(虽然是从头开始)
代码方面,很难将所有内容都放在这里,所以现在,我只提供链接。
希望如果能解决这个问题,我能把问题代码贴在这个问题里,以备日后引用。
链接:http://syndex.me
谢谢
你是说这个人?
.post.photo {
display: inline-block;
position: relative;
height: 100%;
}
您可能看的不是边距,而是文本空白。由于该 div 被定位为内联 block ,因此它的行为就像一个内联元素,比如一个单词或一个 <strong>
。标签。如果删除开始/结束之间的空格 <div>
标签,您的“边距”将神奇地消失。
如果您使用内联 block 进行定位,line-height: 0
和 font-size: 0
是你最好的 friend ;他们关闭了任何有效的空白,尽管他们是非常丑陋的黑客。在大多数情况下, float 是更好的解决方案。
请参阅 The Fashion Spot 上的#column_content 和#column查看正在使用的行内 block 列。