我的圖像(全角)在左側和右側顯示邊框。我該如何解決這個問題?在圖像上沒有白色邊框
CSS:
.image {
height:293px;
width:100%;
float: left;
}
HTML:
<img src="http://glossi-media-us-west.s3-us-west-1.amazonaws.com/media/2e1ca6c4c68d428f9906afdd9bb19a0dNESHim.jpg" class="image">
我的圖像(全角)在左側和右側顯示邊框。我該如何解決這個問題?在圖像上沒有白色邊框
CSS:
.image {
height:293px;
width:100%;
float: left;
}
HTML:
<img src="http://glossi-media-us-west.s3-us-west-1.amazonaws.com/media/2e1ca6c4c68d428f9906afdd9bb19a0dNESHim.jpg" class="image">
使用本DEMO
* {
padding:0;
margin:0;
}
body {
background: #000;
}
.image {
height:293px;
width:100%;
float: left;
}
我看不到任何國界,人們似乎沒有理由會有基於代碼。此外,我不知道你有img標籤的上下文,但增加了一個邊距:0px;風格到身體像這樣
body {
margin:0px;
}
刪除周圍的空白,如果這就是你在說什麼。雖然這可能與jsfiddle環境有關,但比你的問題更多。
你也可以嘗試下面的調試目的,看看其他一些CSS代碼正在影響你的img元素。
img{
border:0 !important;
}
如果不行嘗試在調試時使用下面,看看一些其他的代碼是影響你的img元素
*{
border:0 !important;
}
是否使用normalize.css試試?根據你的代碼https://necolas.github.io/normalize.css/ – 2014-10-02 09:09:19
沒有理由這些白色邊框應該出現。他們必須來自surronding元素。 – 2014-10-02 09:11:19