关于div inline-block的使用

附：最近在做UML模式设计大作业，使用inline-block遇到了一些问题。

（一）用inline 和 inline-block 设置行内元素

　　两者都可用来设置某些元素为行内元素（如div、span等），但是两者存在区别。

　　　　1、使用inline时，此元素会被显示为内联元素，元素前后没有换行符，这时，width属性对该元素无效。（该设置为默认设置）

　　　　2、使用inline-block时，该元素被显示为行内块元素。（CSS2.1 新增的值）width属性才可以使用。

（二）解决显示inline-block元素出现的空隙。

　　使用某些浏览器，如chrome，显示inline-block元素时，将会出现4px的空隙。如下：

 

解决的方法（具体见 这里 ）：

方法一：改写HTML文件结构

<ul>
  <li>
  item1</li><li>
  item2</li><li>
  item3</li><li>
  item4</li><li>
  item5</li>  
</ul>

即，只要两个li元素间没有空格或换行符就行。

方法二：使用负margin

方法三：舍弃结束标签。如，丢掉上面的</li>