图片之间的间隙要怎么去掉?_html/css_WEB-ITnose

水平滚动图片* {border:0; margin:0; padding:0;}

登录后复制

回复讨论(解决方案)

你把代码换行去掉即可

登录后复制登录后复制
或者直接设置浮动

img{float:left;}

登录后复制登录后复制

试过了,去掉换行可行

神奇。。这是为啥呢

撸主啊 别人回答的答案可行就结贴给分吧。

你把代码换行去掉即可

登录后复制登录后复制
或者直接设置浮动

img{float:left;}

登录后复制登录后复制
为什么会这样,有没有解释?

所有具有display:inline-block特性的元素,都有一个特点,那就是代码换行会被解析成空白,没有为什么,这就是浏览器的渲染机制,基于这一点,代码如果清除换行可以解决,但是不希望所有的代码都挤在一起,那么你就可以设置浮动来解决,目的无非就是让块属性元素在同排内显示

nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">无标题文档.box{width:100px;height:100px;background:#ccc; display:inline-block;}

登录后复制

我建议你设一个img标签,把整站的img规范下来,这样整站的图片都没有间隙
代码如下:
img {
vertical-align: top;
         }

可以用表格来做 ,然后设置图片居左或则右(text-align:left),希望对你有用

给img加个style=”display:block”试试

学习了

图片之间的间隙要怎么去掉?_html/css_WEB-ITnose图片之间的间隙要怎么去掉?_html/css_WEB-ITnose图片之间的间隙要怎么去掉?_html/css_WEB-ITnose图片之间的间隙要怎么去掉?_html/css_WEB-ITnose图片之间的间隙要怎么去掉?_html/css_WEB-ITnose图片之间的间隙要怎么去掉?_html/css_WEB-ITnose图片之间的间隙要怎么去掉?_html/css_WEB-ITnose图片之间的间隙要怎么去掉?_html/css_WEB-ITnose图片之间的间隙要怎么去掉?_html/css_WEB-ITnose图片之间的间隙要怎么去掉?_html/css_WEB-ITnose图片之间的间隙要怎么去掉?_html/css_WEB-ITnose图片之间的间隙要怎么去掉?_html/css_WEB-ITnose图片之间的间隙要怎么去掉?_html/css_WEB-ITnose图片之间的间隙要怎么去掉?_html/css_WEB-ITnose图片之间的间隙要怎么去掉?_html/css_WEB-ITnose图片之间的间隙要怎么去掉?_html/css_WEB-ITnose图片之间的间隙要怎么去掉?_html/css_WEB-ITnose

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3091933.html

(0)
上一篇 2025年3月28日 13:24:22
下一篇 2025年3月28日 13:24:31

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 图片怎么转换成ppt

    想要将图片转换成ppt文件?别担心,php小编草莓为您提供了简单易懂的教程!无需复杂软件,只需几个简单的步骤,您就可以将图片文件快速转换成ppt演示文稿。跟随我们的指导,轻松实现图片转ppt,让您的演示更加生动和富有创意! 1、首先,我们打…

    2025年3月28日 互联网
    100
  • 图片缩小和图片定位_html/css_WEB-ITnose

    想做一个缩略图 但全图缩图又太小了  就缩到一个合适的大小 用overflow剪出显示大小的  但图片的定位是从左边开始的  图片中的一些信息也剪掉了 请前辈指点 .post{float: left;width: 210px;height:…

    编程技术 2025年3月28日
    100
  • 图片怎样才能不可点击?_html/css_WEB-ITnose

    如下插入图片1.jpg 后,点击图片后浏览器会弹出两个新标签窗口,一个显示图片,一个显示新的网页。怎么设置使得只显示链接的网页不显示图片呢? 此外这样的话,图片也可以点击,单独打开图片,很费解,如何使图片不能被点击?望高手指点迷津。 回复讨…

    编程技术 2025年3月28日
    100
  • iHover ? 30+ 纯 CSS 实现的超炫的图片悬停特效_html/css_WEB-ITnose

      ihover 是一个令人印象深刻的图片悬停效果集合,完全基于 css3 实现,无依赖,能够搭配 bootstrap 3 很好地工作。基于 scss 技术构建,便于修改变量。有模块化的代码,无需包含整个文件。 把饭 30 多个悬停效果,满…

    编程技术 2025年3月28日
    100
  • 元素换行产生空白间隙问题_html/css_WEB-ITnose

    (1)两个元素,其中一个是块级元素,则一定会换行,换行后,上下两个元素之间会产生空白间隙行 (2)两个都是行内元素,但是行内元素的宽度超过父元素的宽度则自动换行,换行后,上下两个元素之间会产生空白间隙行 我想知道这个空白间隙行产生的原因及解…

    编程技术 2025年3月28日
    100
  • 单选和多选按钮如何给图片加样式

    这次给大家带来单选和多选按钮如何给图片加样式,单选和多选按钮给图片加样式的注意事项有哪些,下面就是实战案例,一起来看一下。 之前一直看到有人在问,注意事项和多选按钮怎么加样式、怎么把按钮变大?下面把我做的一个例子分享出来 代码如下: nbs…

    编程技术 2025年3月28日
    100
  • 网页中的图片格式应该如何选择

    这次给大家带来网页中的图片格式应该如何选择,选择网页中的图片格式的图片有哪些,下面就是实战案例,一起来看一下。 没有渐变颜色少,选择gif,或者png8.颜色丰富的 选择jpg,优化品质一般不低于80高保真透明 用 png24,底色是纯色或…

    编程技术 2025年3月28日
    100
  • Java仓库管理系统的质量管理和质检功能

    Java仓库管理系统的质量管理和质检功能,需要具体代码示例 摘要:随着互联网和物联网的迅速发展,仓库管理系统的重要性越来越凸显。为了保证仓库管理系统的质量和安全性,我们需要进行有效的质量管理和质检。本文将介绍Java仓库管理系统中,质量管理…

    2025年3月13日
    200
  • uniapp中如何实现图片拖拽功能

    uniapp中如何实现图片拖拽功能 在uniapp中,我们可以通过使用uni-dragger组件来实现图片的拖拽功能。uni-dragger组件是uniapp提供的一种可拖拽的容器组件,可以用于实现元素的拖拽移动。 首先,我们需要在页面中引…

    编程技术 2025年3月13日
    200
  • 如何使用uniapp开发图片拍摄功能

    如何使用uniapp开发图片拍摄功能 引言:随着智能手机的普及,摄影已经成为人们生活中不可或缺的一部分。在移动应用开发中,图片拍摄功能也成为了很多应用的重要组成部分。本文将介绍如何使用uniapp开发图片拍摄功能,并附上代码示例,帮助读者快…

    编程技术 2025年3月13日
    200

发表回复

登录后才能评论