如何在HTML中删除图像周围不需要的空格?
我的一张图片离文字太远了,它把网站的外观搞得一团糟。我使用的CSS没有什么问题,但我相信是因为它周围有太多的HTML标记,所以它有很大的空间。
请限制解决方案到基本的CSS和HTML,因为我可以正确地理解它是如何工作的。
编辑:对不起,我对我的挑战有点含糊其辞。我正在使用Bootstrap库,并且一直在寻找以下模板:
http://www.markups.io/preview/varsity/
我真的很喜欢这个模板,我偶尔也会从中提取一些代码片段。我使用了顶部的栏,并用不同的图像替换了他们的logo。图像在桌面上看起来很好,但当我在手机上打开它时,它显示出覆盖一些重要内容的太低了。你们能做点什么吗?
编辑2:
我附上了两张照片的外观和什么问题看起来像。第一个是桌面视图(很棒),第二个是移动视图(太低了)。我没有更多的信息..。从最初的帖子到编辑1,编辑2,这就是我所拥有的所有信息。
发布于 2016-08-16 22:48:55
删除图像之间的空格和换行符:
<img src="http://placehold.it/20x20" /> <img src="http://placehold.it/20x20" />
<img src="http://placehold.it/20x20" />
至:
<img src="http://placehold.it/20x20" /><img src="http://placehold.it/20x20" /><img src="http://placehold.it/20x20" />
发布于 2016-08-16 22:48:20
将以下内容放入css文件中:
img {
margin: 0;
}
或者在html文件中使用此内联样式:
<style type="text/css">
img {
margin: 0;
}
</style>
发布于 2016-08-16 22:50:40
你可以使用CSS的letter-spacing
特性。
img {
letter-spacing: -2px;
}
https://stackoverflow.com/questions/38977962
复制相似问题