html - 顶部图像与顶部图像一致?

标签 html css

我正在努力使我页面上的图像彼此紧密相连,以便图像的顶部始终与上一张图像对齐。

但是,我无法解决这个简单的问题,因为图像之间总是存在间隙。

这是 FIDDLE

图像只有简单的内联 CSS,即:

width:100%  !important; 
height:100% !important; 
margin:0 !important; 
padding:0 !important;

有人可以就此问题提出建议吗?

提前致谢。

最佳答案

您应该将 vertical-align: top css 属性应用于您的 img

JSFiddle

关于html - 顶部图像与顶部图像一致?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37867945/

相关文章:

javascript - 用于 http 传输的 html/js/css/jpg/png 的推荐文件大小范围

html - 菜单在 Chrome 中显示正确,但在 Firefox 中不显示

javascript - 关闭时弹出背景不隐藏

html - 我可以仅使用 HTML 和 CSS 在页面周围随机散布 div 吗?

javascript - 我将如何对要在 Canvas 内绘制的图像产生脉动效果?

javascript - Jquery,在一个表中选择几个TR

javascript - 取一个输入值,乘以 <td> 的内容,并用 jQuery 在另一个 <td> 中显示结果

javascript - 如何计算 JavaScript 中 url 列表中的单词出现次数?

html - 样式表 "profiler"

javascript - 放入导航栏时不显示下拉菜单