我的图像(全角)在左侧和右侧显示边框。我该如何解决这个问题?在图像上没有白色边框
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