图片文字 上下居中
图片给 vertical-align: middle;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
* {
margin: 0;
padding: 0;
}
.row {
height: 100px;
background: red;
}
.text {
/* font: 12px/40px arial */
}
.img {
width: 80px;
height: 80px;
vertical-align: middle;
}
</style>
</head>
<body>
<div class="row">
<span class="text">关注</span>
<img class="img" src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg">
</div>
</body>
</html>
本文标题：图片文字 上下居中
本文链接：https://www.haomeiwen.com/subject/pdfbhltx.html
网友评论