Question

＆＃13;

#align_text_center{
	height:100%;
    display:flex;
}
#aligned_text_h1{
	margin:auto;
}

＆＃13;

<html>
<body>
    <div id="Container1">
        <div id="align_text_center">
            <h1 id="aligned_text_h1"></h1>
		</div>
	</div>
    <div id="Container2">
		<div id="align_text_center">
			<h1 id="aligned_text_h1"></h1>
		</div>
    </div>
    </body>
  </html>

＆＃13;

欢迎！在将文本定位到它的位置时，我又遇到了一些问题。我在container1的中心有一个h1元素，container2 id＆＃39; s。我想在第一个h1元素下面对齐第二个（以及后来的第三个）文本。我无法说出来，所以我就此制作了一幅互动图片。：（

谢谢你的帮助！ :) I draw an interactive image,click here.

Answer 1

将您想要定位的所有元素放在同一个div中，然后定位该div，而不是单独定位每个元素。

如何对齐文本下方的文本以使它们保持在div的中间？

1 个答案: