css如何通过实现让文字在框内水平垂直都居中

时间:2024-10-14 15:12:47

1、在html文件中引入css样式,如下图。

css如何通过实现让文字在框内水平垂直都居中

2、在css里写如下代码width: 200px; height: 100px;出现一个长方形。

css如何通过实现让文字在框内水平垂直都居中

3、css里再输入:text-align: center,设置水平居中。

css如何通过实现让文字在框内水平垂直都居中

4、设置行间距大小,因为只有一行,让它等于height的高度。即:line-height: 100px

css如何通过实现让文字在框内水平垂直都居中

5、再刷新页面,调整字体大小,发现可以了。

css如何通过实现让文字在框内水平垂直都居中
© 手抄报圈