我不能让div以HTML为中心

Question

我有一些HTML代码，div设置了图片库。我试图把它带到中心，但它不会去。

这可以把它放在左边：

<div id="slider1_container" style="position: relative; top: 0px; left: 0px; width: 600px; height: 300px;">

为什么这不起作用。我试过了：

<div id="slider1_container" style="text-align: center; width: 600px; height: 300px;">

<div id="slider1_container" align="center" style="width: 600px; height: 300px;">

Answer 1

实际上，您无法将块级元素居中（因为它占据了可用的完整水平空间）。你必须首先给它一个宽度，然后你可以使用margin: 0 auto;将它移到这样的位置：

<div id="slider1_container" style="margin: 0 auto; width: 600px; height: 300px;">

Demo

如果要将元素放在另一个定位元素中，可以使用-50％的绝对位置来固定固定宽度元素，如下所示：

<div id="slider1_container" style="position: absolute; top: 0; left: 0; right: 0;">
    <div style="position: absolute; left: 50%; width: 600px; margin-left: -300px;"></div>
</div>

Demo

另一方面，如果您想将slider1_container的内联内容居中，可以像这样使用text-align: center;：

<div id="slider1_container" style="text-align: center; width: 600px; height: 300px;">

Answer 2

试着给这个

margin: 0 auto;

希望有所帮助

Answer 3

您的代码align: center对div标签不起作用。 您需要{/ 1}} 与margin: 0 auto;

一起提供width

如果宽度设置为自动，则保证金属性不会起作用。