CSS实战技巧:清除图片3pxbug
2016-09-24 14:21
281 查看
清除图片3pxbug
1.将图片转换为块级元素
img{ display: block; }
2.设置图片的垂直对齐方式
img{ vertical-align: top; }
即设置图片的vertical-align属性为 top,text-top,bottom,text-bottom
3.设置父元素的文字大小为0
ul li{ font-size: 0; }
4.设置父元素的高
ul li{ height: 35px; }
相关文章推荐
- CSS实战技巧:图片(大小不固定)的水平垂直居中
- 用css实现图片垂直居中的使用技巧
- CSS高级技巧:文字环绕图片
- CSS让图片垂直居中的几种技巧
- CSS技巧 — 不使用图片实现圆角、阴影、渐变等功能【转】
- 利用CSS同比例缩小图片技巧
- CSS滚动图片制作技巧
- CSS技巧:详解清除浮动
- CSS技巧 — 不使用图片实现圆角、阴影、渐变等功能
- 一个新的CSS图片替换的技巧
- CSS高级技巧:图片替换
- [CSS技巧] 符合Web标准!CSS同比例缩小图片
- css 背景图片平铺技巧
- css 图片处理技巧:sprites
- 图片垂直居中的CSS技巧
- 用ajax清除浏览器缓存的js、css、图片等
- 用ajax清除浏览器缓存的js、css、图片等
- 网页设计中利用CSS实现背景图片平铺的技巧
- CSS网页制作技巧:图片的自适应居中和兼容处理(转)