<分区>
我需要将文本垂直和水平居中。对于以下代码,是否有一种简单的方法可以做到这一点?
<div style="display: block; height: 25px;">
<span id="ctl_txt" style="background-color: rgb(255, 0, 0);">
Basic
</span>
</div>
标签 css
<分区>
我需要将文本垂直和水平居中。对于以下代码,是否有一种简单的方法可以做到这一点?
<div style="display: block; height: 25px;">
<span id="ctl_txt" style="background-color: rgb(255, 0, 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, 0);">Basic</span>
</div>
关于css - 如何使我的文本在垂直和水平方向上都显示在该 DIV 的中心?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7453868/