html - 居中定位图像

Question

我希望图像的位置居中。我使用了center标签和文本对齐，但它不起作用。请帮忙

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

尝试这个：

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

Answer 3

添加width:100%

像这样改变css

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

演示

Answer 4

因为您将#indtransDIV 定位为固定位置，所以您需要更加具体地对齐。简单地使用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;
}