好的,所以我正在设计这个网站。这是这个简单元素的HTML标记:
这是屏幕底部,内容区域下方的图像框。它下面有一条白色空间。我通常非常擅长CSS故障排除,但这个有我。我尝试使用元素检查器删除所有元素。只要该图像存在,下方就会有一条薄薄的白色空间。
更新:我尝试删除img并替换为div。它总是会在元素下面创建一些额外的像素,无论它放在哪里!
答案 0 :(得分:3)
将图片设置为display: block
,应该修复它。
答案 1 :(得分:3)
vertical-align:top
,情况会更好。
img{
vertical-align:top;
}
答案 2 :(得分:0)
将display:block
或float:left
添加到图片的CSS。
看看是否有帮助。