表格填充在 IE 中不起作用答案

【问题标题】：Table padding doesn't work in IE表格填充在 IE 中不起作用
【发布时间】：2013-06-29 17:28:50
【问题描述】：

我有一个包含两行的表，第二行是一个表，我希望它的元素以主表为中心，所以我的代码如下：

<TABLE>
  <TBODY>
    <TR>
     <TD>
      <DIV id=gform:scan_area>
        <OBJECT></OBJECT>
      </DIV>
    </TD>
  </TR>
  <TR>
   <TD>
    <TABLE style="PADDING-LEFT: 300px"> // works in firefox but doesn't work in ie9
     <TBODY>
      <TR>
       <TD>
         <INPUT>
       </TD>
       <TD>
         <SPAN></SPAN>
       </TD>
        <TD>
        <INPUT>
        </TD>
      </TR>
     </TBODY>
    </TABLE>
   </TD>
   </TR>
  </TBODY>
</TABLE>

问题： TABLE style="PADDING-LEFT: 300px" 在 Firefox 中可以正常工作，但在 IE9（Quirks 模式）中无法正常工作，请告知如何解决此问题或如果您有任何问题其他想法。

【问题讨论】：

jsfiddle 上可能有任何可用的代码吗？还有最重要的问题：怪癖还是标准模式？以及哪个版本的 IE？
@Јοеу，IE9 怪癖模式。
然后先解决这个问题。一个网站完全没有理由应该处于怪癖模式。永远。
尝试添加：<meta http-equiv="X-UA-Compatible" content="IE=edge" />
padding table with css doesn't work on IE 的可能重复项

标签： html css internet-explorer

【解决方案1】：

我认为你的代码写得不够好，如果你使用“colspan”来解决这个问题会更好。无论如何，我尝试以将第二个表集中在第一个表中的方式更改您的代码：

<TABLE>
  <TBODY>
    <TR>
     <TD>
      <DIV id='gform:scan_area'>
        <OBJECT></OBJECT>
      </DIV>
    </TD>
  </TR>
  <TR>
   <TD>
    <TABLE style="width:60%"> 
     <TBODY>
      <TR>
       <TD style="width:20%;padding-right:160px;">
         <INPUT>
       </TD>
       <TD style="width:20%">
         <SPAN></SPAN>
       </TD>
        <TD style="width:20%">
        <INPUT>
        </TD>
      </TR>
     </TBODY>
    </TABLE>
   </TD>
   </TR>
  </TBODY>
</TABLE>

【讨论】：

这个解决方案对我有用，但在第一列中添加了 padding-right。

【解决方案2】：

你需要这样做

<div style="padding-left: 300px;">
    <table>
        ...
    </table>
</div>

欲了解更多信息，请阅读此答案：Padding table with CSS doesn't work on IE

【讨论】：

【解决方案3】：

表格填充仅适用于单元格。通过将其添加到<td>，您将看到它可以在 IE9 和 Firefox 中运行。见：W3schools: Tables

<TABLE> // works in firefox but doesn't work in ie9
 <TBODY>
  <TR>
   <TD style="PADDING-LEFT: 300px">
     <INPUT>
   </TD>
   <TD >
     <SPAN></SPAN>
   </TD>
    <TD>
    <INPUT>
    </TD>
  </TR>
 </TBODY>
</TABLE>

【讨论】：