<分区>
标签 javascript html css
<分区>
欢迎光临! 我在构建我的第一个网站元素时遇到了一些问题。 我有两个容器(container1,container2(水平用于两个背景图像))。 现在,我想将文本(h1 元素)与 container1 的 x 轴和 y 轴的中间对齐。我想做两次(container1 | container2)。最后,我从中绘制了一个 ascii 艺术。 :)
***** container1 ***** ****** container2 *****
* * * *
* <h1 element 1> * * <h1 element 2> *
* * * *
*********************** ***********************
谢谢你的帮助,请忽略这个错误的语法。
最佳答案
<html>
<head>
<style>
#center1{
height:100%;
display:flex;
}
#center2{
margin:auto;
}
</style>
</head>
<body>
<div id="center1">
<span id="center2">Hello</span>
</div>
</body>
</html>
这是在 div 内居中(水平和垂直)对齐文本的方法。它正在工作。
关于javascript - (HTML/CSS) 如何将文本对齐到中心的中间(在 x 和 y 轴上)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38775478/