Question

如何从中删除填充。样式“display：block”（在许多其他解决方案中提到）似乎无法解决问题。

<!DOCTYPE html>
<html>
<head>
    <style>
        img {
            display: block;
            width: 100%;
        }
    </style>
</head>
<body>
    <img src="https://imgur.com/CahbpxJ.jpg" width="100%">
</body>
</html>

Answer 1

回答CBroe的评论。 body标签有自己的默认边距。要解决此问题，请在样式标记中添加：

body {
    margin: 0;
}

Answer 2

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

*::after, *::before {
  box-sizing: inherit;
}

HTML删除Img填充（显示：块不工作）

2 个答案: