h5 html5 img 与 div 之间有缝隙

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

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"> 声明,没有缝隙


微信打赏, 微信扫一扫

支付宝打赏, 支付宝扫一扫

如果文章对您有帮助,欢迎给作者打赏

作者最新文章
用户id取模分库分表的策略方法
网信办征求意见:收集个人汽车数据信息应取得同意
拜登称政府正调查燃油公司黑客攻击事件 确定该公司网络被勒索软件感染
云南大理森林消防直升机坠入洱海:4名机组人员不幸遇难
jquery $.ajax()方法参数详解
企业信息查询系统