如何将盒子里的文字水平居中和垂直居中

最新推荐文章于 2024-04-03 05:19:47 发布

科院彭于晏

最新推荐文章于 2024-04-03 05:19:47 发布

阅读量1w

点赞数 4

文章标签： css html css3

本文链接：https://blog.csdn.net/yanhn123/article/details/124669735

版权

1. 将文字水平居中,只需要在盒子里添加 text-align: center就可以了.

<style>
        div{
            text-align: center;
        }
    </style>

<body>
    <div>将文字水平居中</div>
</body>

2. 将盒子垂直居中,只需要将文字行高等于盒子的高度就行.

<style>
        div{
           width: 500px;
           height: 500px;
           line-height: 500px;
           background-color: red;
        }
    </style>
<body>
    <div >将文字垂直居中</div>

两个属性都包含的时候,文字就会在盒子的中心了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

科院彭于晏

关注关注

4
点赞
踩
24

收藏

觉得还不错? 一键收藏
0
评论
如何将盒子里的文字水平居中和垂直居中

1. 将文字水平居中,只需要在盒子里添加 text-align: center就可以了.<style> div{ text-align: center; } </style><body> <div>将文字水平居中</div></body>2. 将盒子垂直居中,只需要将文字行高等于盒子的高度就行.<style> div
复制链接

扫一扫