爲什麼我不能把這個簡單的div集中呢？

Question

對不起，打擾你們......但我一直在嘗試太久，現在集中一個簡單的div。我嘗試了很多東西，但是我找不到有什麼問題，但是想知道爲什麼我還是個新手。

所以爲了縮短我想要中心的藍色和白色箭頭horizo​​ntaly。

這是我的網站：xaviergodbout.com

由於任何人誰願意幫我！

Answer 1

你只需要添加text-align:center div，它將居中。

#down { 
    margin-left: auto; 
    margin-right: auto; 
    margin-top: 85vh; 
    width: 100%; 
    position: absolute; 
    text-align: center; 
} 

Answer 2

嘗試此

.waves-effect{ 
    margin: 0 auto; 
    display: block; 
} 

Answer 3

.classname{ 
width:100%; 
margin: 0 auto; 
display: block; 
} 

Answer 4

正常方式居中的塊水平是使用margin: auto。這還需要從默認inline改變display塊：

div#down>a { 
    margin: auto; 
    display: block; 
} 

順便說一句，小心中心元素。一旦您將箭頭居中，文本就會偏離中心，因爲它是左對齊的。

Answer 5

有幾種不同的方法來集中div元素。

第一種方法，涉及將div設置爲display: inline-block;並將包絡線div設置爲text-align: centre;。

CSS：

.my-div-container { 
    text-align: center; 
} 

.my-div { 
    display: inline-block; 
} 

HTML：

<div class="my-div-container"> 
    <div class="my-div">My div</div> 
</div> 

方法二，涉及中心經由position和transform屬性對準div。具體方法如下：

CSS：

.my-div { 
    left: 50%; 
    position: absolute; 
    top: 0; 
    transform: translateX(-50%); 
    width: 1024px; 
} 

第三種方法，解決施膠div並使用margin使其居中。

CSS：

.my-div { 
    margin: 0 auto; 
    width: 1024px; 
} 

Answer 6

請試試這個：

#down { 
    margin-left: auto; 
    margin-right: auto; 
    width: 40px; 
    position: absolute; 
    left: 0; 
    right: 0; 
    bottom: 0; 
}