gpt4 book ai didi

css - 使列表项从居中列表中的固定点开始

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

我想让 居中 列表中的列表项从固定点开始,如下所示:

List Image

我尝试了网上的几种解决方案,但没有一个有效:(

这是我的代码:

.body_text {
text-align: center;
font-size: 1.13em;
}
 <!DOCTYPE html>
<body>
<ul class="body_text">
<li>First Item</li>
<li>Second Item</li>
<li>Thrid Item</li>
</ul>

提前致谢!

最佳答案

请尝试以下解决方案。然后,您可以使用负的左边距或右边距为 body_text 提供偏移量。

.body_text_wrap {
text-align: center;
}
.body_text {
display: inline-block;
text-align: left;
font-size: 1.13em;
}
 <!DOCTYPE html>
<body>
<div class="body_text_wrap">
<ul class="body_text">
<li>First Item</li>
<li>Second Item</li>
<li>Thrid Item</li>
</ul>
</div>

关于css - 使列表项从居中列表中的固定点开始,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39843533/

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