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>

对图片进行如上设置。

六月初字帖坊小程序 你想要的字帖模板及工具，这里都有！