css怎么消除块元素

css消除块元素的方法:首先把【inline-block】元素的父元素的font-size设为0,【letter-spacing】和【word-spacing】设为负数;然后再在【inline-block】元素中把这几个值恢复正常即可。

本教程操作环境:windows7系统、css3版,DELL G3电脑。

css消除块元素的方法

把inline-block元素的父元素的font-size设为0,letter-spacing和word-spacing设为负数,然后再在inline-block元素中把这几个值恢复正常即可。

ul{
font-size:0;
letter-spacing:-4px; /*实际情况下 -4这个值可能还要调整*/
word-spacing:-4px; /*实际情况下 -4这个值可能还要调整*/
}
ul li{
display:inline-bolck;
zoom:1;
font-size:12px;
letter-spacing:normal;
word-spacing:normal;
}

相关学习推荐:css教程

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效