Question

我希望图像的位置为中心。我使用了center标签＆amp; text-align但它不起作用。请帮助

CSS：

#indtrans
{
    position :fixed;
    display:block;
    background-color : none;
    top: 2px; 
    text-align:center;
    padding-left:130px;
}

HTML：

 <center><div  id="indtrans"><img src="indeximg.png"></img></div></center>

Answer 1

如果你给div一个设定的宽度，那么你应该能够设置一个余量：0 auto;这会使它居中。

Answer 2

添加width:100%

像这样改变css

    #indtrans{
    position :fixed;
    display:block; width:100%;
    background-color : none;
    top: 2px; 
    text-align:center;
    padding-left:130px;
}

<强> DEMO

Answer 3

试试这个：

#indtrans
 {
   display: block;
   left: 50%;
   position: fixed;
   top: 2px;
}

Answer 4

由于您定位的#indtrans DIV位置已固定，因此您需要在对齐方面更具体。仅使用margin: 0 auto;将无效。

相反试试这个。左边距需要是元素总宽度的50％的减号。

#indtrans
{
    position :fixed;
    display:block;
    background-color : none;
    top: 2px; 
    left: 50%;
    margin-left: (-50% of total width);
    text-align:center;
    padding-left:130px;
}

中心位置图像

4 个答案: