實際上，這其實是inline元素搞的鬼。
第一種解決方案：把img變成塊元素：display：block；
第二種解決方案：修改一下它的垂直對齊方式：vertical-align：middle；
第三種解決方案：使用浮動，讓他漂浮起來：float：left；
那麼為什麼會造成這樣的結果的。我們不僅要知其然，更要知其所以然。
文字等內聯元素，它預設對齊方式都是和它的父級的 baseline 去進行對齊的，但是你對齊的是 baseline，撐開高度的卻是元素整體的高度（bottom line），這樣肯定就會造成一定的間隙，也就是我們上文出現的問題了。
你！看明白了嗎？
解決marquee空白問題
左右迴圈連續滾動 解決marquee的留白問題 向上 向下 向左 向右 乙個設定寬度並且隱藏超出它寬度的內容的容器demo，裡面放demo1和demo2，demo1是滾動內容,demo2為demo1的直接轉殖副本，通過不斷改變demo1的scrolltop或者scrollleft達到滾動的目的.向上...
1px問題 詳解
當你給乙個div這樣的css樣式後 邊框寬度為1px border height 50px width 50px margin 0 auto background pink margin top 20px border 1px solid red 在手機發現 哎，怎麼有點粗 這就是經典的1px問題，...
1px畫素的問題
之前有學習過這個問題，但是一時之間沒想起來。其實就是沒有徹底弄懂，不然怎麼會想不起來呢 物理畫素 裝置螢幕實際擁有的畫素點。比如iphone 6的螢幕在寬度方向有750個畫素點，高度方向有1334個畫素點，所以iphone 6 總共有750 1334個物理畫素。邏輯畫素 邏輯畫素是乙個抽象概念，是乙...