使列表项在一个中心列表中的固定点

我想在一个列表中的项目在一个固定点这样的中心清单开始启动：使列表项在一个中心列表中的固定点

我试了几个解决方案从网络，但没有工作:(

这里是我的代码：

.body_text { 
 
\t text-align: center; 
 
\t font-size: 1.13em; 
 
}

<!DOCTYPE html> 
 
<body> 
 
<ul class="body_text"> 
 
<li>First Item</li> 
 
<li>Second Item</li> 
 
<li>Thrid Item</li> 
 
</ul>

在此先感谢！

来源

2016-10-04 TheDcoder

请尝试以下解决方案。然后，您可以使用负左右边距为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>

来源

2016-10-04 09:23:40 itacode

尝试给出左边距并将其与中心对齐。您可以根据您的需要尝试这样做，

.body_text { 
    margin: 0cm 0cm 0cm 5cm; 
    text-align: left; 
    font-size: 1.13em; 
}

更改左边距。这对我有用。

或者你可以设定一个相对位置，如下图所示，

.body_text { 
     position:relative; 
     left:50%; 
     font-size: 1.13em; 
}

希望这有助于

来源

2016-10-04 04:06:16

它的工作原理，但它是一个固定的利润率......我想相对的东西，这样它会在所有显示器上工作:) – TheDcoder

我已经更新我的答案。请看看它 –

使列表项在一个中心列表中的固定点

回答

相关问题