为什么我不能把这个简单的div集中呢？

问题描述：

对不起，打扰你们......但我一直在尝试太久，现在集中一个简单的div。我尝试了很多东西，但是我找不到有什么问题，但是想知道为什么我还是个新手。为什么我不能把这个简单的div集中呢？

所以为了缩短我想要中心的蓝色和白色箭头horizontaly。

由于任何人谁愿意帮我！

您好，欢迎StackOverflow上。请花一些时间阅读帮助页面，特别是名为[“我如何提出一个好问题？”）（https://stackoverflow.com/help/how-to-ask） –

答

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

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

我感觉就像一个白痴现在...非常感谢你！ –

答

尝试此

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

答

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

答

正常方式居中的块水平是使用margin: auto。这还需要从默认inline改变display块：

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

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

感谢您的提示！这将是中心。 –

答

有几种不同的方法来集中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; 
}

答

请试试这个：

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

为什么我不能把这个简单的div集中呢？

相关推荐