含量不居中正確

所以有這個形象在我的代碼，並與下面的代碼是正確的水平居中，含量不居中正確

img#headerImage{ 
      width: 600px; 
      margin-left:auto !important; 
      margin-right:auto !important; 
     }

，但是當我添加margin-left:-300px;圖像進行適當調整，但略微向左偏移和不再精確地居中。

任何想法？

而且，這裏的一些的HTML：

<tr> 
    <td class="headerContent" id="logoContainer"> 
    <img src="url" style="max-width:600px;" 
     id="headerImage" mc:label="header_image" mc:edit="header_image" 
     mc:allowdesigner="" mc:allowtext="" /> 
    </td> 
</tr>

來源

2013-10-31 Drew

您需要發佈您的HTML以及 –

@Juangweb會做！ – Drew

你可以發佈你的整個HTML和CSS？ –

你可以更好使用保證金：0px auto的;

來源

2013-11-01 00:34:52

這不能解決它，'img'默認是內聯的。他可以完全刪除邊距，只使用text-align：center，或者他可以添加「display：block」使img成爲塊級元素。 –

添加display: block到您的IMG CSS

來源

2013-11-01 01:10:19

當你說margin-left:-300px你說你想要的圖片移動300到左邊。將右邊距設置爲自動時，它當然會左移。如果你想使它中心，然後將其移到稍稍那麼我建議在這個答案在這裏讀了起來：Offset div from center

而且你會希望添加

display:block;

來源

2013-11-01 01:19:51

含量不居中正確

回答

相關問題