这个其实就是一个水平垂直居中的问题，用css有好多种实现方案的，position的定位，css3的flex。可以参考一下我之前写的这篇水平垂直居中笔记

text-align: center是设置水平居中设置垂直居中一般用line-height你这里可以加上一行line-height: 50px;

{代码...}

基本使用 1.创建标题 h1 h2 h3最多六个 一级标题 二级标题 2.改变文本样式 强调文本 强调文本 加粗文本 加粗文本 标记文本标记文本 {代码...} 引用文本引用文本多行引用 多层嵌套引用 多层嵌套引用 删除文本 3.插入链接与图片 链接：linkbaidu：百度一下 图片： 4.插入一段漂亮的代码片 {代码...} {代码...} {代码...} 5...

CSS种元素垂直居中 根据不同情况，使用的垂直居中方式各异：针对块级元素与行级元素的垂直居中不同。 1 行级元素 1.1 行内包含特殊元素 如果行内包含特殊元素：图片、input输入框、inline-block元素或者粗体 使用verticle-align: middle;设置对齐方式即可垂直居中。text-bottom/text-top 为下对齐/上对齐 兼容性很好：IE...

单行文本溢出的CSS {代码...} 多行文本溢出的CSS {代码...}

前端开发在页面搭建初期，往往需要我们具备框架性的思维，根据设计图来划分页面板块结构，以及在不同尺寸设备间的差异处理。掌握一些常见的布局，可以使我们事半功倍，本文就来聊一聊居中布局。

{代码...}

如题：HarmonyOS position的样式怎么进行垂直水平居中？

盒子的垂直居中有很多种，比如定位，transform，margin:0 auto;啥的都可以，文字的垂直居中 text-align: center;vertical-align: middle;line-height....;flex布局的兼容性暂时还不是很好，用的时候慎重

垂直居中：表格布局法 行内块法绝对定位法视口居中基于flexbox 的方案

设置了背景图垂直居中但为什么没有居中呢，反而什么都不设，background: url(../images/renzheng.png) no-repeat就居中了，不知为什么？

一、居中1\. 居中对齐元素将块元素水平居中对齐(像 <div>) , 使用 margin: auto;设置元素的宽度将阻止它伸展到容器的边缘。然后元素将占用指定的宽度，剩下的空间将平分在两个边距之间：这个div是居中的。 {代码...} 注意：如果没有设置宽度属性，则居中对齐没有效果 (或者设置到100%).2\. 居中对齐文本将元素内部...

阮老師的flex布局我也看了，感觉可以当文档来看了。属性太多，最后我只记了这两个，一般用到的垂直居中都能实现了。 我的理解就是 justify-content: center; 相当于水平居中 align-items: center; 相当于垂直居中有不对的请指正啊