div中img和a链接同时居中
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>div中img垂直居中</title>
</head>
<style type="text/css">
div{
height:200px;
background:#eee;
vertical-align:middle;
}
img{
height:40px;
vertical-align:middle;
}
span{
height:100%;
display:inline-block;
vertical-align:middle;
}
</style>
<body>
<div>
<span></span>
<img src="https://www.baidu.com/img/bd_logo1.png" alt="" />
<a style="vertical-align: middle">徐同保</a>
</div>
</body>
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步