css - 最新のブラウザ間で一貫した要素の配置
2 つの要素があり、2 つ目の要素を一定量のピクセルだけ水平方向にシフト`<table>`することで、それらを特定の方法で垂直方向に配置したいと考えています。`<table>`

例えば：

`<table id="table1" align="center"> ... </table> <`

Question

2 つの要素があり、2 つ目の要素を一定量のピクセルだけ水平方向にシフト<table>することで、それらを特定の方法で垂直方向に配置したいと考えています。<table>

例えば：

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

ただし、ブラウザーが異なると (Chrome と Safari など)、このpadding-left属性によって結果がわずかに異なることがわかりました (つまり、2 番目の表は、あるブラウザーでは問題なく表示されますが、別のブラウザーでは目的の結果から 2 ～ 3 ピクセルずれます)。この配置を最新のすべてのブラウザで一貫させる方法はありますか? できれば、CSS のみのソリューションの方が優れています。

score 2 · Accepted Answer

paddingとの CSS リセットを考えてみましょうmargin。ブラウザにはこれらのデフォルト値があり、その値はすべてのブラウザで同じではありません。デフォルト値は、予想される動作を妨げる可能性があります。

* {
    margin: 0;
    padding: 0;
}

CSS リセットの詳細: http://meyerweb.com/eric/tools/css/reset/

hbase dns 接続エラーまたは ipv6 の可能性があります

1 に答える 1

css - 最新のブラウザ間で一貫した要素の配置2 つの要素があり、2 つ目の要素を一定量のピクセルだけ水平方向にシフト<table>することで、それらを特定の方法で垂直方向に配置したいと考えています。<table> 例えば：

hbase dns 接続エラーまたは ipv6 の可能性があります

1 に答える 1

Related

Reference