css水平垂直居中

最新推荐文章于 2024-05-29 14:36:52 发布

西米幺幺

最新推荐文章于 2024-05-29 14:36:52 发布

阅读量102

点赞数

分类专栏： css 文章标签： css

本文链接：https://blog.csdn.net/qq_40352733/article/details/112181633

版权

css 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

水平垂直居中

// 结构
 <div className='wrap'>
 	<span></span>
 	<img src={item.src} />
 </div>
 
 // css
 .wrap {
 	width: 750px;
    height: 100%;
	
	span {
       display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

    img {
        display: inline-block;
        vertical-align: middle;
        max-width: 100%;
        max-height: 100%;
    }
}