2018.12期整理笔记

css:标签{width:600px;边距：0自动；}.tab-tit{宽度：600px；font-size:0;}.tab-tita{display:inline-block;高度：40px；行高：40px；字体大小：16px；宽度：25%；文本对齐：居中；背景：#ccc；颜色：#333；文字修饰：无；/*向左飘浮;*/}.tab-tit.cur{背景：#09f；;}对于这块，我不太理解.tab-tit{font-size:0}，后来发现取消这个style(font-size:0)可以用float:left来解决。查阅了一些资料后，我明白了原因。以下是原文解释https://segmentfault.com/q/10...问题的根源是inline（一个tag默认display:inline）和inline-block（.list-info设置为display:inline-block)这是一个内联布局。由于是内联的，所以会受到空格的影响。这里使用，解决方法：1.去除空白2.font-size:0可以让空白区域消失