gpt4 book ai didi

css - 重置 CSS (img)

转载 作者:搜寻专家 更新时间:2023-10-31 22:15:47 25 4
gpt4 key购买 nike

我是 CSS 新手,所以有一个简单的问题。

这是我的脚本=>

<!DOCTYPE html>
<html>
<head>
<title>Default</title>
<meta charset="UTF-8">
<style type="text/css">
body,div,html,img
{
margin: 0;
padding: 0;
border: 0;
}
</style>
</head>
<body>
<div>
<img src="/project/pics/5.jpg" width="240" height="200">
<img src="/project/pics/10.jpg" width="240" height="200">
<img src="/project/pics/10.jpg" width="240" height="200">
</div>
</body>
</html>

所以我的问题是,尽管图像之间的 CSS 重置是空格,这当然会在样式布局后导致一些问题,所以任何人都知道如何解决,如何重置图像之间没有任何空格的 CSS,谢谢。 ..

我猜对了哈哈,真的很简单,就是必须写在一行中,否则必须声明font-size: 0;

谢谢大家:))

最佳答案

发生这种情况的原因是浏览器将图像之间的换行符解析为空格。图像是内联元素,当使用空格(或换行符)时,它们之间将有一个文字空间。

要消除该问题,可以在图像上使用 float: left;,或者简单地消除换行符(例如,将它们全部放在同一行,标签之间没有空格)。
另一种解决方案是在父元素上设置 font-size: 0;,然后在元素本身上设置 font-size: 16px;

关于css - 重置 CSS (img),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9505223/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com