css 消除img边距 |css 父元素清除浮动

在 HTML 中，使用 img 标签添加图片时，会发现图片周围有一定的边距。这是由于浏览器默认的样式所导致的。如果希望消除这些边距，可通过 CSS 来实现。 可以使用以下代码消除 img 边距：

img {
display: block;
margin: 0;
padding: 0;
border: none;
}

上面的代码中，将 img 元素的 display 属性设置为 block，以便使其与其周围的元素产生上下关系。同时将 margin 和 padding 属性都设置为 0，将边距和内边距都消除掉。border 属性设置为 none，将边框也去除。 可以在该代码中任意改变数值来满足不同的需求。比如，如果只想消除 上/下边距 ，可以将 margin-top 和 margin-bottom 设置为 0，或只将 margin-top 设置为 0。 另外，也可以将 img 元素包裹在 div 或其他容器元素中，然后设置该容器元素的 padding 和 margin 为 0，同样可以消除 img 边距。 总的来说，消除 img 边距只需要对 img 元素进行对应的 CSS 设置即可。不过，需要注意的是，不同浏览器对此处理的方式可能有所不同，因此，需要针对不同浏览器进行适配。