(作者笔记自用) 最近在一个简单的页面练习上出了一个小问题,老师要求使用inline-block来布局,在我完成整个页面之后我发现每一个li标签之间总有间隙,用margin啊什么的也解决不了,最后才知道此时的li标签已经被当成了文本,文本与文本之间本身就是会存在间隙的,下面来说我知道的解决办法:
1:设置li标签父元素ul的字体大小为0,即font-size: 0,然后设置li标签的字体为你想要设置的字体大小如font-size: 12px。
2:这个好像比较奇葩(我还没有用过这个方法,因为我使用的vscode有下载过代码自动格式化的插件,建议使用第一种方法),在写法上,去掉子元素li之间的换行。