css – 如何使我的文本出现在这个DIV的中心水平和水平?

前端之家收集整理的这篇文章主要介绍了css – 如何使我的文本出现在这个DIV的中心水平和水平?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我需要垂直和水平地对准文本.有没有一个简单的方法来做以下代码
<div style="display: block; height: 25px;">
    <span id="ctl_txt" style="background-color: rgb(255,0);">
        Basic
    </span>
</div>

解决方法

您可以使用text-align属性将文本水平居中,并且line-height等于div高度,以垂直居中的内联元素.
<div style="display: block; height: 25px; text-align:center; line-height:25px;">
    <span id="ctl_txt" style="background-color: rgb(255,0);">Basic</span>
</div>

Example here.

原文链接:https://www.f2er.com/css/214366.html

猜你在找的CSS相关文章