如何使文字在div中水平和垂直居中的css代码

您可以使用text-align属性和line-height属性。

1.创建一个新的HTML文件，在body标签中添加一个div标签，并在div标签中输入文本。
我们以“演示文本”为例，设置宽度、高度和宽度。
以及div标签的背景颜色属性和属性值。
它们分别等于200、100和灰度。
目前“演示文本”的默认位置是div的左上角：

2.现在将“text-align”添加到div标签。
”，属性值为“center”，则文本将在容器div中水平居中：

3、此时添加line-height"将“ling-height”添加到div标签的属性“中，该属性值为高度值为“100px”，然后添加属性“vertical-align”，属性值为“middle”，则文本将居中水平和垂直：

html在盒子内将文字放在图片下方

如果您想让文本与图像居中，则更简单的方法是将它们放在一个大框中，这样您就不必将其用作文本的参考。
不需要太复杂的框架结构。
只需要使用样式的属性，每个浏览器都会默认显示如下：Thisiscenteredtext