h5 html5 img 与 div 之间有缝隙

发布时间:2020-12-06 10:02 作者:独孤剑 阅读:152

h5 html5 img 与 div 之间有缝隙

<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8" />
    <style type="text/css">
        *{margin:0;padding:0}
        body{padding:50px;}
    </style>
    <title></title>
</head>
<body>
    <div style="border:1px solid #ff0000;">
<img src="logo.png" width="200" />
    </div>
</body>
</html>

默认在图片下方与容器有留白缝隙

1、使用 <!DOCTYPE html> 声明,在浏览器中打开img与容器之间有缝隙。

解决方案:

设置父容器的样式"line-height:0"

或者

img设置为块级元素"display:block"


2、使用 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 声明,没有缝隙


作者最新文章
做好网站维护需要具备哪些知识? 网站维护都需要做哪些内容?
C# Console 控制台禁止重复打开, 只能运行一个实例, 禁止多开
C# 正则获取网页内容, 抓取html源代码里的 title
C# 通过循环的方式遍历数组中不相同的元素
css 设置背景色的两种方式, 如何设置背景颜色?