當我們用div拼接一些圖片時，會發現div下方會有多出來的一條白線，用chrome瀏覽器查看元素的時候，
圖片的高度是326.3px,但是作為容器的div的高度確是330px,貌似直接就四舍五入了，其中的原因是因為img作為行內元素，每次換行都會默認有有一個空隙
如圖所示，黃色的是兩個span，他們都是行內元素，兩個行內元素之間有一個空隙。
紅色的是兩個div，他們都是塊元素，之間并沒有空隙
所以解決空隙的辦法是 <img src="images/yqlj_02.gif" style="display:block;"> 這樣就把圖片變成塊元素了，空隙就沒有了
如下圖所示：
