Html 消除图像中的间距
如何删除HTML中图像周围不需要的空间 我的一张图片离文本越来越远,它把网站的外观弄得一团糟。我使用的CSS并没有什么问题,但我相信,因为它周围有太多的HTML标记,所以它有很大的空间 请限制解决方案的基本CSS和HTML,因为我可以正确地理解它是如何工作的 编辑:对不起,我对我的挑战有点模糊。我正在使用Bootstrap库,并一直在寻找以下模板: 我真的很喜欢这个模板,偶尔也会从中提取一些代码片段。我使用了顶部栏,并用不同的图像替换了他们的徽标。这张图片在桌面上看起来不错,但当我的手机上出现一张图片时,它显示的内容太低,覆盖了一些重要的内容。你们能做什么 编辑2: 我附上了两张照片的外观和问题看起来像什么。第一个是桌面视图(非常好),第二个是移动视图(太低)。我没有更多的信息。。。从原来的帖子到编辑1,编辑2,这就是我所有的信息。Html 消除图像中的间距,html,css,Html,Css,如何删除HTML中图像周围不需要的空间 我的一张图片离文本越来越远,它把网站的外观弄得一团糟。我使用的CSS并没有什么问题,但我相信,因为它周围有太多的HTML标记,所以它有很大的空间 请限制解决方案的基本CSS和HTML,因为我可以正确地理解它是如何工作的 编辑:对不起,我对我的挑战有点模糊。我正在使用Bootstrap库,并一直在寻找以下模板: 我真的很喜欢这个模板,偶尔也会从中提取一些代码片段。我使用了顶部栏,并用不同的图像替换了他们的徽标。这张图片在桌面上看起来不错,但当我的手机上出现
将其放入css文件中:
img {
margin: 0;
}
或者在html文件中使用此内嵌样式:
<style type="text/css">
img {
margin: 0;
}
</style>
img{
保证金:0;
}
删除图像之间的空格和换行符:
您可以使用CSS的
字母间距
img {
letter-spacing: -2px;
}
我认为您应该删除代码之间的空格!
所以您必须更改此代码
<img src="1.jpg" />
<img src="2.jpg" />
<img src="3.jpg" />
添加到此代码(添加注释代码)
或此代码(从字面上删除空格)
由于模板使用twitter引导,
尝试将img responsive
类添加到图像中
例如,来自:
到
尝试删除图像周围的任何换行符或空格。请提供您手头问题的html/css。寻求代码帮助的问题必须包含在问题本身中重现问题所需的最短代码,最好是在文本中。看,虽然这很有效,但我讨厌这个解决方案。在您的源代码中,这看起来像是垃圾和火车残骸的结合!除了增加一些负利润,你没有机会,这不是一个明智的选择。您也可以将它们添加到父级中,然后使用javascript删除父级html中标记之间的空白(这也不是一个好主意)是的,我个人从来没有遇到过这个问题,因为我使用的是带有Gulp的html缩小工具,但我为需要它的可怜的程序员感到抱歉。这是我是否相信它的方式;)嘿@AshkanMobayenKhiabani,我试过所有的div标签和文本,但仍然不起作用…嘿@Aroniaina,我试过所有的div标签和文本,但仍然不起作用。。。
<img src="1.jpg" /><!--
--><img src="2.jpg" /><!--
--><img src="3.jpg" />
<img src="1.jpg" /><img src="2.jpg" /><img src="3.jpg" />