html - 如何使用 CSS 删除图像之间的空白?

标签 html css

<分区>

我正在做一个小的个人元素,对于主页,它将是几张图片,一张接一张,每张的大小与页面一样。

我试图摆脱这种类型的间距:

enter image description here

感谢任何帮助,谢谢!

最佳答案

为每个img设置display: block。以下代码段中的示例。 height 的设置只是为了让图像不会太大。

img {
  display: block;
  height: 150px;  
}
<img src="http://i.imgur.com/B5vX1kN.jpg"/>
<img src="http://i.imgur.com/KYXOUfE.png"/>

关于html - 如何使用 CSS 删除图像之间的空白?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39710913/

上一篇:html - 如何使用百分比宽度调整边距和填充?

下一篇:html - 如何将我的 Logo 插入横幅并居中对齐?

相关文章:

javascript - 查找并打印网页大小(以字节为单位)以及所有 <a> 标签的数量

html - 为什么我的 DIV child 与 parent 的高度不一样

jquery - 动画图像属性左

html - 固定侧边栏内的狮身人面像雪花石膏主题滚动

html - CSS 帮助 anchor 标记

javascript - 调整浏览器大小时的 JQuery 按钮切换问题

html - 在模态弹出窗口中使用 span id 更改 li 类

html - Bootstrap 卡片不像示例中那样显示

CSS 选择器只有在 <tag>有内容</tag> 时才有效

php - 在 Wordpress 中创建自定义 URL