将<li>标签设置display:inline-block;属性后，<li>之间出现空白间隙，原因及解决办法

将li标签设置display:inline-block;属性后，li之间出现空白间隙，原因及解决办法

原因：浏览器的默认行为是把inline元素间的空白字符渲染成一个空格，li换行后会产生换行字符，而它会变成一个空格

解决办法1：设置ul标签font-size：0；设置li标签font-size为你想要的字体大小

解决办法2：把代码写成li标签在一行，如下

<ul>
	<li>11</li><li>22</li>
</ul>

解决办法3：把代码写成li标签不闭合，如下

<ul>
	<li>11
	<li>22
</ul>