css教程css怎么消除块元素

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

前端（vue）入门到精通课程：进入学习
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API调试工具：点击使用

本教程操作环境：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教程

以上就是css怎么消除块元素的详细内容，更多请关注zzsucai.com其它相关文章！