li中插入img图片间有空隙的解决方案_CSS/HTML-css教程-PHP中文网

首页

web前端

css教程

li中插入img图片间有空隙的解决方案_CSS/HTML

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 12:03 PM

img li

直接加样式img{vertical-align:bottom; display:block}

当然在某些情况下无效,比如我要加三个图片,上中下,中间的图片是设为背景,发现用此方法无效,只是上和中的图片空隙没了,而下与中之间还存在,方法很简单,把vertical-align:bottom改成top,可根据自己遇到的不同情况来设vertical-align的参数

方法一：

复制代码代码如下:

img{vertical-align:top; display:block}

li中插入img图片间有空隙的解决方案_CSS/HTML

复制代码代码如下:

方法二：设置容器font-size:0(个人认为这种方法最好！！！)

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

热AI工具

热工具

热门话题

gmail邮箱登陆入口在哪里

7380

Java教程

1628

CakePHP 教程

1357

Laravel 教程

1267

PHP教程

1216

显示更多

Related knowledge

img文件怎么打开 Sep 18, 2023 am 09:40 AM

打开img文件的方法有使用虚拟光驱软件打开、使用压缩软件打开和使用专用工具打开。详细介绍：1、使用虚拟光驱软件打开，下载并安装一个虚拟光驱软件，右键单击img文件，选择“打开方式”或“关联程序”，在弹出的对话框中选择安装的虚拟光驱软件，虚拟光驱软件会自动加载img文件，并将其作为虚拟光驱中的光盘映像，双击虚拟光驱中的光盘图标，即可打开img文件并访问其中的内容等等。

img文件如何打开 Jul 06, 2023 pm 04:17 PM

img文件打开的方式：1、确认img文件路径；2、使用img文件打开器；3、选择打开方式；4、查看图片；5、保存图片。img文件是一种常用的图像文件格式，通常用于存储图片数据。

img是什么格式 Mar 17, 2023 am 10:33 AM

img是一种文件压缩格式，主要是为了创建软盘的镜像文件，它可以用来压缩整个软盘或整片光盘的内容；使用“.IMG”这个扩展名的文件就是利用这种文件格式来创建的；img文件包括3个基本节点，分别是“Ehfa_HeaderTag”、“Ehfa_File”和“Ehfa_Entry”。

li是什么元素 Aug 03, 2023 am 11:19 AM

li是HTML标记语言中的一个元素，用于创建列表。li代表列表项，它是ul或ol的子元素，li标签的作用是定义列表中的每个项目。在HTML中，li元素通常与ul或ol元素配合使用来创建有序或无序列表，无序列表使用ul元素，列表项用li元素表示，而有序列表则使用ol元素，同样也用li元素表示。

html中li是什么 Nov 19, 2021 pm 03:31 PM

在html中，li的英文全称为“list item”，意思为“列表项”，是一个定义列表项目的元素标签，语法“列表项内容”；“”标签可用在有序列表 “”和无序列表“”中。

u盘pe读不出img Mar 19, 2024 pm 12:07 PM

U盘是经常用到的储存设备之一，那在使用过程中也会出现一些小问题，比如：U盘读不出，那该怎么解决呢?收好！u盘读不出来？4步教你轻松解决在U盘已经插到电脑的基础上点击开始菜单，选中控制面板收好！u盘读不出来？4步教你轻松解决在控制面板里找到并双击设备管理器。收好！u盘读不出来？4步教你轻松解决在设备管理器的主界面找到通用串行总线控制器收好！u盘读不出来？4步教你轻松解决找到usb大容量存储设备，选中它点击右键找到卸载收好！u盘读不出来？4步教你轻松解决欢迎留言讨论哟！