html – 图像并排,它们之间没有空格

前端之家收集整理的这篇文章主要介绍了html – 图像并排,它们之间没有空格前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个网格的图像与它们之间的空间。如何删除这个空间?

我已经尝试将图像的填充和边距设置为0px,但没有起作用。

有任何想法吗?

解决方法

确保您的html标记中没有任何空格。所以改变:
<img src="" alt="" /> <img src="" alt="" />

<img src="" alt="" /><img src="" alt="" />

有时空格也可以隐藏在新行的末尾,所以一定要检查行尾,如果你的HTML看起来像

<img src="" alt="" /> 
<img src="" alt="" />

编辑

而不是写:< img src =“imgs / img8.jpg”style =“margin:0; width:300; height:300;” /> 87次,只是把它放在你的css文件中:

div img { margin: 0;
    width: 300px;
    height: 300px;
}

然后你可以简单地使你的图像< img src =“imgs / img8.jpg”alt =“img8”/>

原文链接:https://www.f2er.com/html/232665.html

猜你在找的HTML相关文章