gpt4 book ai didi

html - 如何使右对齐的 DIV 居中?

转载 作者:行者123 更新时间:2023-11-28 16:34:21 25 4
gpt4 key购买 nike

<分区>

我有一个 div,其中的文本是右对齐的。然后我想将该 div 在其父级中居中。

下面的代码只应用了右对齐。

CSS

.outerDiv {
text-align: center;
width: 100%;
}

.innerDiv {
text-align: right;
width: auto;
}

HTML

<div class="outerDiv">
<div class="innerDiv">
10<br/>
<span style="border-bottom: 1px solid black">
+ 2
</span><br />
12
</div>
</div>

我知道这可以通过使用 margin-left: auto; 来完成; margin-right: auto 在外部 div 中,但这需要你设置内部 div 的宽度,我不知道提前。

想法?

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