使列表项从中心列表中的固定点开始

时间:2016-10-04 03:05:32

标签: html css html5

我想让居中列表中的列表项开始于这样的固定点:

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>
&#13;
&#13;
&#13;

提前致谢!

2 个答案:

答案 0 :(得分:0)

尝试给出左边距并将其与中心对齐。 你可以尝试这样做,

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

根据您的需要更改左边距。这对我有用。

或者您可以设置相对位置,如下所示

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

希望这有帮助

答案 1 :(得分:0)

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

&#13;
&#13;
 <!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>
&#13;
=SUMIFS(C4:N4,C4:N4,"<=1")
&#13;
&#13;
&#13;