CSS----vertical-align默認值產生的間隙

（一）vertical-align：默認值baseline，內聯元素在塊級元素中產生的空隙


當塊級元素box裏面的內聯塊元素img都是以默認的vertical-align：baseline對齊方式的時候，其實並不是完全充滿的，而是在底部有一定距離的空隙。
驗證：

關於height：默認情況下，這個屬性決定的是內容區（ content area）的高度，但是，如果將 box-sizing 設置爲 border-box , 這個屬性決定的將是邊框區域（border area）的高度。即默認值：auto，此時的height的高度有line-height與font-size有關。
（2）解決第一個問題：莫名的空隙
1.設置行內元素爲塊級元素

2. 使用其他vertical-align值，除了默認值baseline

3. 修改父元素的line-height值(line-height:normal是默認值，約爲1.2)

4.修改font-size
默認的font-size爲16px,Chrome瀏覽器

修改默認的font-size爲0