Question

我想让div出现在中心，但它总是在左侧。我使用bootstrap来实现屏幕兼容性，所以我没有调整左右边距。代码出了什么问题？

请帮忙！

<div id="div1" 
style="display: inline-block; 
position: absolute; margin: 20px auto; 
width: 1140px; 
height: 442px; 
overflow: hidden;">

Answer 1

只需移除position: absolute;和display: inline-block样式，它就可以使用。

Answer 2

https://jsfiddle.net/mkb8gy6g/

删除display:inline-block;＆amp; position:absolute;

Answer 3

如果您在应用top后未指定left，right，bottom和position: absolute值，则会从其父级或浏览器默认值继承将适用。这就是为什么你看到你的div总是在左边。在这种情况下，你可以做的是

您可以使用top，left和其他attributs
您可以删除位置：绝对，使其成为inline-block并应用 text-align: center

Answer 4

试试这个，

在你的css中使用text-align:center;

<div id="div1" 
style="display: inline-block; 
position: absolute; margin: 20px auto; 
width: 1140px; 
text-align:center;
height: 442px; 
overflow: hidden;"> Test </div>

我该如何居中？

4 个答案: