a标签中的img存在间距问题处理方法
CSS
2020-07-01 16:49:47
网页开发中,a标签包含img图片在未设置间距的情况下,图片出现了间距解决方法:
处理前效果:
处理后效果:
代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
*{
padding: 0;
margin: 0;
}
img{
display: block;
vertical-align:middle;
}
</style>
</head>
<body>
<a href="">
<img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2024734649,736189039&fm=26&gp=0.jpg" alt="">
<p style="background: #f00;width: 100%;color: #fff;">六月初博客站</p>
</a>
</body>
</html>
对图片进行如上设置。
六月初字帖坊小程序
你想要的字帖模板及工具,这里都有!
879篇文章
2656人已阅读