gpt4 book ai didi

html - 如何使元素水平居中?

转载 作者:太空宇宙 更新时间:2023-11-04 13:51:27 24 4
gpt4 key购买 nike

<分区>

我有以下 HTML 结构:

.parent{
border: 1px solid;
width: 60%;
}

.child2{
margin: 0 auto;
}
<div class="parent">
<a href="#" class="child1">it should stay in the left side</a>
<br>
<a href="#" class="child2">this should be center</a>
</div>

我需要将 a.child2 居中。我可以通过将 text-align:center 添加到 div.parent 来做到这一点。但在那种情况下,a.child1 也会居中,我不想这样做。

如您所见,我还在 a.child2 中添加了 margin: 0 auto;,但它仍然位于左侧。

综上所述,如何在 a.child1 保持在左侧的同时将 a.child2 居中?

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com