今天寫頁面時發現img 標籤下有三像素,一開始把其所有的父元素 padding margin 全都設爲0,還是沒解決,後來百度發現,因爲 img display 默認屬性爲 inline-block,inline-block 元素默認有行間距,至此問題有一個解決方案,設置 img 的 display爲 block 即可。
<style>
.news_jumbotron{background:#f00;}
.news_jumbotron img{width:100%;}
</style>
</head>
<body>
<div class="glo_content news_jumbotron">
<img alt="zezhongkang" src="img/news_pic.gif">
</div>
</body>
設置 display:block 後: