为什么我不能将这个简单的div作为中心？

Question

很抱歉打扰你们......但是我现在已经尝试了很长时间来集中一个简单的div。我尝试了很多东西，我找不到什么是错的，但我想理解为什么因为我还是一个新手。

因此，为了缩短它，我想将蓝色和白色箭头置于水平中心。

这是我的网站：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

有几种不同的方法来集中system/library/cart/customer.php元素。

第一种方法，涉及将div设置为div并将包围display: inline-block;设置为div。

<强> CSS：

text-align: centre;

<强> HTML：

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

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

第二种方法，涉及通过<div class="my-div-container"> <div class="my-div">My div</div> </div> 和div属性对position进行居中对齐。方法如下：

<强> CSS：

transform

第三种方法，修改.my-div { left: 50%; position: absolute; top: 0; transform: translateX(-50%); width: 1024px; } 的大小并使用div将其居中。

<强> CSS：

margin

Answer 3

试试这个

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

Answer 4

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

Answer 5

水平居中块的常规方法是使用includes。它还需要更改默认margin: auto的<{1}}块：

display

顺便说一下，要小心定心元素。一旦您将箭头居中，文本就会偏离中心，因为它是左对齐的。

Answer 6

请试试这个：

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