图片上下排列3px间隔的消除方法
来源:互联网 发布:fliqlo mac 编辑:程序博客网 时间:2024/06/05 23:43
在布局中,图片上下排列会出现3px的间隔,如下图
消除方法:
1、给居上的img图片添加样式 vertical-align:top;
2、给居上的img图片添加样式 第二种:display:block;将其转为块级元素
3、设置font-size:0;
推荐使用第一种方法,因为第二种是将行内元素转为块级元素,需要占据父容器的100%的宽度影响布局。
以下是对vertical-align属性的补充(通过查阅文档http://www.w3school.com.cn/cssref/pr_pos_vertical-align.asp)
定义和用法
vertical-align 属性设置元素的垂直对齐方式。
阅读全文
0 0
- 图片上下排列3px间隔的消除方法
- 排列图片IE 3px间隔
- iOS Button的文字和图片上下或左右排列的方法
- CSS图片之间间隔消除办法
- uibutton图片,文字上下排列
- 消除图片底部间隙的方法
- 图片消除边距的方法
- 图片边距消除的方法
- masonry的等间隔排列
- TextView使用wrap_content设置高度,上下有间隔 去除的方法,两种
- UIButton 图片和文字上下排列
- IE6的图片3px问题解决办法
- 前端小总结之图片边距的消除方法
- [CSS]图片水平排列并且有固定间隔
- css图片在div内上下居中的方法
- html和js图片上下居中的两种方法
- UIButton 上的图文上下排列
- 实现Button文字(titleLabel)和图片(imageView)上下排列
- 初学Linux--信号
- linux下的僵尸进程处理SIGCHLD信号
- 整数划分问题
- 重新认识JS的this、作用域、闭包、对象
- java 实现冒泡排序
- 图片上下排列3px间隔的消除方法
- who are you-实验吧1
- Could not find goal 'create' in plugin org.apache.maven.p plugin:3.0.1 among available goals crawl
- STL(二十四)数值算法
- java解析XML——Pull解析
- dmesg命令
- 位段
- Python3:《机器学习实战》之k近邻算法(3)识别手写数字
- TCP通信的几种方式