現代瀏覽器中<table>元素的一致定位

我有兩個<table>元素，我想通過將第二個<table>水平移動一個固定的像素數量，以特定方式垂直排列它們。現代瀏覽器中<table>元素的一致定位

例如：

<table id="table1" align="center"> 
    ... 
</table> 
<table id="table2" style="padding-left: 130px;"> 
    ... 
</table>

然而，我發現，在不同的瀏覽器（如Chrome瀏覽器Safari瀏覽器VS）的padding-left屬性導致稍有不同的結果（即，而第二個表在一個瀏覽器中顯示正常，它在另一個瀏覽器中偏離所需結果2或3個像素）。有沒有什麼方法可以使所有現代瀏覽器的定位保持一致？優選地，僅CSS的解決方案更好。

2013-05-17 skyork

要使用CSS使用'保證金左中心：自動;保證金右：自動;寬度：70％;'（或任何你想要％），但請注意， 100％不居中。 - http://www.w3schools.com/css/css_align.asp –

考慮在padding和margin上的CSS重置，瀏覽器具有這些的默認值，並且這些值在所有瀏覽器中都不相同。默認值可能會干擾您的預期行爲。

* { 
    margin: 0; 
    padding: 0; 
}

2013-05-17 17:58:22 Arbel

回答