使用 inline-block 的時候，ie8、chrome、firefox、opera 以及 safari 瀏覽器下，兩張圖片之間有“空白間隙。
平時寫代碼，爲了使代碼看上去“層級分明”，通常會在標籤結束符後順手打個回車，而回車會產生回車符，回車符相當於空白符，通常情況下，多個連續的空白符會合併成一個空白符，而產生“空白間隙”的真正原因就是空白符。
去除空白符的存在只需要設置字體大小爲零就行了（font-size:0;）
div設置display:inline-block屬性產生空白間距
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
two.js畫地球自轉
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> svg,canv