2016 - 2024

感恩一路有你

垂直水平居中的几种方法 如何让div中的内容垂直水平居中?

浏览量:3022 时间:2021-03-11 10:09:49 作者:admin

如何让div中的内容垂直水平居中?

您可以使用“文本对齐”属性和“行高”属性。

1. 创建一个新的HTML文件,在body标记中添加一个div标记,并在div标记中输入文本。这里,以“demo text”为例,将width、height和background color属性设置为div标签,属性值分别为200、100和gray。此时,“演示文本”的默认位置是div框的左上角:

2。将“text align”属性添加到div标记中,属性值为在这种情况下,文本将在div容器中水平居中:

3。将行高“Ling height”属性添加到div标签,属性值为“100px”的高度值。然后添加“垂直对齐”属性,属性值为“中间”。在这种情况下,文本将水平和垂直居中

垂直水平居中的几种方法 div垂直居中显示三种方式 div垂直居中的方法

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。