CSS圖片底部去多余的問題:有時候在網頁中添加圖片會發現,圖片的下方會有多余的空白。這時候你可以在CSS中通過設置圖片的display屬性,來解決這個問題。
img { display: block; max-width: 100%; height: auto; margin: 0 auto; }
上述代碼中,display屬性被設置為block,這樣圖片就會將其下面的任何空白都清除掉。設置圖片的max-width屬性為100%,這樣可以保證圖片在其容器內部按比例自適應大小。設置圖片的height屬性為auto,使其高度按比例縮放。最后,設置圖片居中對齊(通過設置margin: 0 auto;)。
如果你使用CSS框架,這個問題可能已經被解決了,因為大多數框架都會默認為圖片設置display: block;。
上一篇python相乘取整