中心位置图像

时间:2012-11-07 09:30:12

标签: html css center

我希望图像的位置为中心。我使用了center标签& 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>

4 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:0)

添加width:100%

像这样改变css

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

<强> DEMO

答案 2 :(得分:0)

试试这个:

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

答案 3 :(得分:-1)

由于您定位的#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;
}