div中img和a链接同时居中

最新推荐文章于 2024-09-26 23:39:18 发布

徐同保

最新推荐文章于 2024-09-26 23:39:18 发布

阅读量2.1k

点赞数 1

分类专栏： web前端前端技术分享文章标签： javascript img居中

本文链接：https://blog.csdn.net/xutongbao/article/details/78250269

版权

web前端同时被 2 个专栏收录

735 篇文章 16 订阅

订阅专栏

前端技术分享

271 篇文章 3 订阅

订阅专栏

<!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>