Html 将文本居中放置在横向位置

当用户打开手机时，我希望手机被锁定，屏幕中央会显示一条短信

演示：

@媒体屏幕和（最大宽度：1024px）和（方向：横向）{
html{
/*旋转内容容器*/
变换：旋转（-90度）；
变换原点：左上；
/*将内容宽度设置为视口高度*/
宽度：100vh；
/*将内容高度设置为视口宽度*/
高度：100vw；
溢出x：隐藏；
位置：绝对位置；
最高：100%；
左：0；
右：0；
背景色：#000000；
}
·景观{
变换：旋转（90度）；
位置：绝对位置；
z指数：999999；
显示：块；
宽度：100vw；
身高：100%；
背景色：#000000；
}
.mytext{
字号：26px；
文本对齐：居中；
颜色：#68D585；
}
}

中间屏幕上的我的文本

如果要使文本在x轴上居中，请添加以下代码：

.landscapeView{
显示器：flex；
证明内容：中心；
}

---

如果要使文本在y轴上居中，请添加以下代码：

.landscapeView{
显示器；
对齐项目：居中；
}

Top和left没有任何功能。删除浮动：左aswell@MrT在这方面没有关系。我把它删除了，什么也没变。我更新了代码他还可以使用

上的
文本对齐：居中
。景观视图

进行水平，甚至更好