Question

除了一个浏览器外，它适用于所有浏览器。我希望这个div位于页面的中心

<div style="padding-left: 800px;">
    <a class="works-top" href="/page/1"></a>
    <a class="free-top" href="/page/2"></a> 
    <a class="faq-top" href="/page/3"></a> </div>

我如何定义它是在css中

a.free-top {
   display:block;
   cursor:pointer;
   background:url(../img/free.png) no-repeat left top;
   width:100px;
   height:20px;
   text-indent:-5000px;
   margin-left:0px;
   margin-top:0px;
   margin-bottom:4px;
   float:left;
}

Answer 1

而不是padding-left:800px;

<div style="padding-left: 800px;">

使用margin:0 auto; and width:1000px;

请记住，margin:0 auto;仅在指定宽度时有效。

Answer 2

您可以使用margin: 0 auto;将div放在中心位置。

Answer 3

一个简单的逻辑，不引入新代码，试试 <div style="padding-left: 50%;">

<div>中心对齐不在IE浏览器中工作</div>

3 个答案: