float和display：inline-block區(qū)別
float
Float 經(jīng)常用于實現(xiàn)文字環(huán)繞圖片
img {
float: right;
margin: 0 0 1em 1em;
}
文字環(huán)繞圖片
display：inline-block
- vertical-align 屬性會影響到 inline-block 元素檬贰。
vertical-align 默認為baseline，底部文字對齊项郊，一般需要設置為top烦磁。
- 如果HTML源代碼中元素之間有空格彪见，那么列與列之間會產(chǎn)生空隙夜畴。
如何去除間隙：
<div class="space"> <a href="##"> test</a><a href="##"> test</a><a href="##"> test</a> </div><div class="space"> <a href="##">test</a ><a href="##">test</a ><a href="##">test</a> </div><div class="space"> <a href="##">惆悵</a><!-- --><a href="##">淡定</a><!-- --><a href="##">熱血</a> </div>
