HTML将1/2英寸的打击垫添加到表的右边和左边

时间:2018-02-12 17:28:35

标签: html html-table

我正在生成一个HTML表格,我需要在左边距和右边距都添加1/2英寸的填充。我已经看到很多方法可以用CSS做到这一点但是如何用直接的HTML完成?我还看到了如何使用

设置像素
<table id="margin" width="100%" style="margin-right:10px" style="margin-left:10px">

然而,这又如何转化为英寸?

2 个答案:

答案 0 :(得分:1)

您应该使用:

style="padding:0px 10px;"

答案 1 :(得分:1)

<table id="margin" width="100%" style="margin-right:10px;margin-left:10px">

演示:

&#13;
&#13;
div{background:wheat}
table{background:green;}
&#13;
<div>
  <table style="margin-left:100px;margin-right:100px">
    <tbody>
      <tr><td>Test 1</td></tr>
      <tr><td>Test 2</td></tr>
      <tr><td>Test 3</td></tr>
    </tbody>
  </table>
</div>
&#13;
&#13;
&#13;

请注意,您还可以将这两个设置组合在一起:

style="margin:0 10px"

这表示,保证金上/下= 0和保证金左/右= 10px