Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/templates/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript (HTML/CSS)如何将文本对齐到中心的中间(x轴和y轴)?_Javascript_Html_Css - Fatal编程技术网

Javascript (HTML/CSS)如何将文本对齐到中心的中间(x轴和y轴)?

Javascript (HTML/CSS)如何将文本对齐到中心的中间(x轴和y轴)?,javascript,html,css,Javascript,Html,Css,欢迎光临! 我在创建我的第一个网站项目时遇到了一点问题。 我有两个容器(container1,container2(用于水平方向的两个背景图像))。 现在,我想将文本(h1元素)对齐到container1的中间,包括x轴和y轴。我想对齐两次(container1 | container2)。最后,我从中画出一幅ascii艺术作品。:) ******容器1***************容器2***** * * * *

欢迎光临! 我在创建我的第一个网站项目时遇到了一点问题。 我有两个容器(container1,container2(用于水平方向的两个背景图像))。 现在,我想将文本(h1元素)对齐到container1的中间,包括x轴和y轴。我想对齐两次(container1 | container2)。最后,我从中画出一幅ascii艺术作品。:)

******容器1***************容器2*****
*                     * *                     *
*       * *       *
*                     * *                     *
*****************************************************


谢谢您的帮助,请忽略此错误语法。

margin:auto;对于垂直对齐,tex align:center;用于水平对齐


<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>
#中心1{ 身高:100%; 显示器:flex; } #中心2{ 保证金:自动; } 你好

这就是如何在div中对齐中心(水平和垂直)的文本。它正在工作

重复问题。你可以找到很多这样的问题。只是搜索,这是不正确的<代码>边距:自动不垂直对齐文本。非常好的代码,解决了我的问题。您能否举例说明如何将标签下方的另一个文本对齐?我可以在“自动”属性中添加一些加减像素吗?(比如:auto-2px)如果您阅读了,谢谢。您希望另一个文本正好位于已经存在的span标记下,还是您提到了有问题的设计?