代码之家 › 专栏 › 技术社区 › meo

与外层空间的间距

css html

meo · 技术社区 · 14 年前

我只是想知道图像的结尾和李的结尾之间的空间来自哪里:

http://bluesys.ch/lussy/

它只是一个简单的ul>li>img

spacing from hell http://bluesys.ch/lussy/spacingfromhell.jpg

代码:

div#slider {
    border: 5px solid #fff;
}

div#slider ul li {
    border-bottom: 1px solid pink;
}

div#slider ul li img {
    border-bottom: 1px solid green;
    margin: 0;
}

请注意,我的reset.css将所有页边距和填充设置为0。

有人能帮我吗?我给你能看到我所说的间距的边框上色。我使用火狐。

3 回复 | 直到 14 年前

Robusto 14 年前

尝试将这些图像和/或li元素的行高设置为0。当前您在主体中的设置为1.4,并且img将继承该设置。设置的简短测试 line-height: 0 在Firebug中,使图像堆栈刷新。

kafuchau 14 年前

如果您想消除这些差距,可以尝试:

li  {
  margin-bottom: 0;
  padding-bottom: 0;
}

你可能想要一个特别的班 li 元素tho,以便应用的css不会对所有 锂 现场元素。

但是,差距怎么了?我有点喜欢。帮助设置每个图像的框架…

RoToRa 14 年前

图像和文本一样是内联元素,默认情况下,它们位于字体基线上,为升序者留有空间。有不同的方法可以阻止这种情况:

line-height: 0 (如Robusto建议)
display: block
vertical-align: bottom

推荐文章

Softly · 单选按钮未按预期取值

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Thirumal isireddy · 在导航栏顺风css中,img被扭曲,而不是将元素推到旁边

1 年前

eXor420 · 如何在脚本标记中使用导出的函数?

1 年前

Hadi · 如何在无效和有效输入中选择用于更改样式的psoudo元素(after)

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Kernier · 如何将数学公式支持添加到StacksEditor?

1 年前

Md. Ibrahim · CSS网格项溢出小屏幕滚动

1 年前

Arjun V Srivatsa · 如何将系统时区信息分配给javascript中的变量?

1 年前

Akshay mek · Vscode扩展建议不适用于某些文件夹

1 年前