使列表項在一箇中心列表中的固定點

我想在一個列表中的項目在一個固定點這樣的中心清單開始啓動：使列表項在一箇中心列表中的固定點

我試了幾個解決方案從網絡，但沒有工作:(

這裏是我的代碼：

.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

我已經更新我的答案。請看看它 –

使列表項在一箇中心列表中的固定點

回答

相關問題