首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >删除图像中的间距

删除图像中的间距
EN

Stack Overflow用户
提问于 2016-08-16 22:45:51
回答 5查看 65关注 0票数 1

如何在HTML中删除图像周围不需要的空格?

我的一张图片离文字太远了,它把网站的外观搞得一团糟。我使用的CSS没有什么问题,但我相信是因为它周围有太多的HTML标记,所以它有很大的空间。

请限制解决方案到基本的CSS和HTML,因为我可以正确地理解它是如何工作的。

编辑:对不起,我对我的挑战有点含糊其辞。我正在使用Bootstrap库,并且一直在寻找以下模板:

http://www.markups.io/preview/varsity/

我真的很喜欢这个模板,我偶尔也会从中提取一些代码片段。我使用了顶部的栏,并用不同的图像替换了他们的logo。图像在桌面上看起来很好,但当我在手机上打开它时,它显示出覆盖一些重要内容的太低了。你们能做点什么吗?

编辑2:

我附上了两张照片的外观和什么问题看起来像。第一个是桌面视图(很棒),第二个是移动视图(太低了)。我没有更多的信息..。从最初的帖子到编辑1,编辑2,这就是我所拥有的所有信息。

EN

回答 5

Stack Overflow用户

发布于 2016-08-16 22:48:55

删除图像之间的空格和换行符:

代码语言:javascript
运行
复制
    <img src="http://placehold.it/20x20" />   <img src="http://placehold.it/20x20" />
    <img src="http://placehold.it/20x20" />

至:

代码语言:javascript
运行
复制
    <img src="http://placehold.it/20x20" /><img src="http://placehold.it/20x20" /><img src="http://placehold.it/20x20" />

票数 1
EN

Stack Overflow用户

发布于 2016-08-16 22:48:20

将以下内容放入css文件中:

代码语言:javascript
运行
复制
img {
    margin: 0;
}

或者在html文件中使用此内联样式:

代码语言:javascript
运行
复制
<style type="text/css">
    img {
        margin: 0;
    }
</style>
票数 0
EN

Stack Overflow用户

发布于 2016-08-16 22:50:40

你可以使用CSS的letter-spacing特性。

代码语言:javascript
运行
复制
img {
  letter-spacing: -2px;
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/38977962

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档