表格行不在浏览器上显示，但如果打印到 pdf 文件则可以显示答案

【问题标题】：Table line not displaying on browser but able to display if print to pdf file表格行不在浏览器上显示，但如果打印到 pdf 文件则可以显示
【发布时间】：2017-02-07 16:56:57
【问题描述】：

任何想法为什么我的代码没有在浏览器上显示表格行？感谢任何帮助！

下面是我的 CSS 和 HTML：

@page {
  size: auto;
  /* auto is the initial value */
  margin: 0px;
}
@media print {
  @page {
    size: landscape
  }
}
table,
th,
td {
  border: 3px solid black;
  border-collapse: collapse;
}

<table style="width:100%">
  <tr>
    <td><small>Customer's PO Numer:</small>
    </td>
    <td contenteditable='true'>
      <center>T/15526/CS/001R3</center>
    </td>
  </tr>
  <tr>
    <td><small>Customer's V.O Numer:</small>
    </td>
    <td contenteditable='true'>
      <center>NIL</center>
    </td>
  </tr>
  <tr>
    <td><small>No. of CT PO raised for same supplier and project (prior to this PO)</small>
    </td>
    <td contenteditable='true'><u><center>3</center></u>
    </td>
  </tr>
  <tr>
    <td><small>Amount raised for same supplier and project (prior to this PO)</small>
    </td>
    <td contenteditable='true'>
      <center>$610.23</center>
    </td>
  </tr>
</table>

我在这里附上了错误！请看一看。此外，我也在 IE 上尝试过我的代码。不工作。

【问题讨论】：

表格行对我来说正确显示
会不会是我的浏览器？使用谷歌浏览器。
在设置边框时是否看到了表格边框：3px 纯黑色；
尝试将其包装在 div 标签中，然后在表格本身或 div 标签处放置边框以模拟您的表格位置
一切正常，能否附上问题的截图？或者可能是覆盖此 css 的其他 css。

标签： html css html-table

【解决方案1】：

你应该在css文件中写成。

table{
   border-collapse: collapse;
   border: 3px solid black;
}

【讨论】：

改了，还是没有在我的浏览器上显示。

【解决方案2】：

它对我有用。你忘了在标题中使用。

<html>
<head>
<style>
@page {
  size: auto;
  margin: 0px;
}
@media print {
  @page {
    size: landscape
  }
}
table,
th,
td {
  border: 3px solid black;
  border-collapse: collapse;
}
</style>
</head>
<body>

<table style="width:100%">
  <tr>
    <td><small>Customer's PO Numer:</small>
    </td>
    <td contenteditable='true'>
      <center>T/15526/CS/001R3</center>
    </td>
  </tr>
  <tr>
    <td><small>Customer's V.O Numer:</small>
    </td>
    <td contenteditable='true'>
      <center>NIL</center>
    </td>
  </tr>
  <tr>
    <td><small>No. of CT PO raised for same supplier and project (prior to this PO)</small>
    </td>
    <td contenteditable='true'><u><center>3</center></u>
    </td>
  </tr>
  <tr>
    <td><small>Amount raised for same supplier and project (prior to this PO)</small>
    </td>
    <td contenteditable='true'>
      <center>$610.23</center>
    </td>
  </tr>
</table>
</body>
</html>

【讨论】：

【解决方案3】：

检查你的桌子在哪里？

<div style="border:3px solid #A52A2A"> 

your table here

</div>

【讨论】：

所以你的意思是，你现在没有问题？因为你的桌子最终会显示出来。