CSS 文字显示在图片的中间

最新推荐文章于 2023-02-26 20:57:27 发布

马优晨

最新推荐文章于 2023-02-26 20:57:27 发布

阅读量1.5w

点赞数 5

分类专栏： CSS3 文章标签： CSS 文字显示在图片的中间 CSS 文字在图片的中间 CSS 设置文字显示在图片的中间设置文字显示在图片的中间

本文链接：https://blog.csdn.net/qq_24147051/article/details/98645165

版权

CSS3 专栏收录该内容

49 篇文章 1 订阅

订阅专栏

在这里插入图片描述

    <style type="css/text">
    /*如果支持CSS3的话,不支持的话就用js计算left和top的值*/
    .vcenter {
	    position:absolute;
	    left:50%;
	    top:50%;
	    translateX(-50%);
	    translateY(-50%)
    }
    </style>
    <div>
        <img src='xxx' />
        <div class="vcenter">center</div>
    </div>