博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
img之间有空隙的问题
阅读量:7233 次
发布时间:2019-06-29

本文共 480 字,大约阅读时间需要 1 分钟。

img之间有空隙的问题


在li中纯放图片img,出现的bug是图片之间有 `3px` 的间隙,给li加高度也无效,解决图片间有空隙方法如下:直接加样式 `img{vertical-align:bottom; display:block}`当然在某些情况下无效,比如我要加三个图片,上中下,中间的图片是设为背景,发现用此方法无效,只是上和中的图片空隙没了,而下与中之间还存在,方法很简单,把 `vertical-align:bottom` 改成 `top` ,可根据自己遇到的不同情况来设 `vertical-align` 的参数
  • 方法一:img{vertical-align:top; display:block}

        
  • 方法二:设置容器font-size:0

转载地址:http://rkvfm.baihongyu.com/

你可能感兴趣的文章
关于MongoDB分布式高可用集群实现
查看>>
虚方法、隐藏方法、抽象方法、密封方法、派生类中访问基类成员
查看>>
[WinForm]Dundas Chart控件学习(附源码)
查看>>
数字处理类
查看>>
EasyUI
查看>>
ubuntu16.04 Cmake学习二
查看>>
在linux系统中I/O 调度的选择
查看>>
NOIP2016模拟 星际争霸(二分)
查看>>
css-背景类样式
查看>>
java多线程
查看>>
关于一点儿对仓储(Repository)的理解
查看>>
renren_login_urllib带Cookie
查看>>
处理数据时该注意的
查看>>
在QTableView中某列中添加Button的导致滚动条滚动的时候消失的问题
查看>>
python初探-collections容器数据类型
查看>>
迷宫~哈哈~终于懂了BFS
查看>>
java的命名方法
查看>>
Markdown 常用语法
查看>>
notepad++ plugins manager 无法下载插件
查看>>
基本数据结构 -- 树简介
查看>>