html - 删除图像和容器之间的间隙

标签 html css

<分区>

enter image description here

你可以看图片,这是演示 http://jsfiddle.net/yJUH4/8/

正如您在图片中看到的,图像和容器之间有一个小间隙。图像已经提供了 css vertical-align:middle。当我增加容器的高度时,它工作得很好。等待好的答案

最佳答案

img 上设置 vertical-align:top

img {
    vertical-align: top;
}

jsFiddle here

默认情况下,vertical-align 属性不是顶部,而是 baseline。只需将其设置为顶部,即可达到预期效果。

关于html - 删除图像和容器之间的间隙,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19527111/

上一篇:javascript - Bootstrap 工具提示不适用于鼠标悬停

下一篇:javascript - jQuery 不能在我的网站上运行?

相关文章:

javascript - 使用 javascript 设置输入元素的值并使用 php 获取该值

html - 表格边框奇怪的行为

css - 试图让按钮在 :hover correctly 上突出显示

javascript - 将溢出的 div 滚动到 Angular 元素的垂直中心(5)

javascript - HTML/CSS Safari block 不可见

android - 从 HTML(iOS 和 Android)打开短信和地址簿

html - 图像不接触 body 的一侧

javascript - 我想在鼠标悬停时更改框中的文本

android - 绝对元素在纵向模式手机中没有响应

css - 如何使父级(不仅是可见窗口)的 block 填充宽度?