HTML-添加的图片下面出现空行解决方法

 时间:2026-04-22 15:36:29

1、如图,在html中插入多张图片,然后对其添加修饰

HTML-添加的图片下面出现空行解决方法

2、现在我们的效果是这样的,整个大框里面包含三个小图,大框的荡糟沫边框是红色的

HTML-添加的图片下面出现空行解决方法

3、然后我们设置将这三盯之个图形浮动下,变成横排的

HTML-添加的图片下面出现空行解决方法

4、将三个图形浮动了后,开始的红色边框,因为浮动的缘故,并不能扩展整个画布了,这科耍时候需要在父级添加overflow:hidden;或者在浮动后面添加clearfix清除浮动命令才可以

HTML-添加的图片下面出现空行解决方法

5、这时候可以看到图形离下面的红色边框有一个空行间隔,

HTML-添加的图片下面出现空行解决方法

6、这个时候,将img设置为块状标签,如图所示

HTML-添加的图片下面出现空行解决方法

7、这样设置一下后,图形和下面边框的间隔就会消失了。

HTML-添加的图片下面出现空行解决方法

  • Word中编号和文字中间的空格距离如何调整?
  • 如何在Word里面更改所有数字和英文字母的字体?
  • 两个word文件之间如何使用格式刷
  • 怎样修改Word目录引导线
  • word项目编号后面的箭头怎么去掉
  • 热门搜索
    贫困证明怎么写 甲鱼汤的做法 千叶豆腐的做法大全 香菇的做法大全 菜饭的做法 炒年糕的做法 木瓜排骨汤的做法 清蒸福寿鱼的做法 蚝油西兰花的做法 煎蛋的做法