Question

我试图以表格格式显示输出，但显示输出列内容是无序的。

当前输出：

guru ok
moorthi  good
cont fine

必需的输出

guru     ok
moorthi  good
cont     fine

我能做些什么以html表格式实现？

我的代码：

<table cellspacing="10px" cellpadding="10px">
<tr>
<td>guru</td>
<td>ok</td>
</tr>
<tr>
<td>moorthi</td>
<td>good</td>
</tr>
<tr>
<td>cont</td>
<td>fine</td>
</tr>
</table>

对不起简单的问题

Answer 1

HTML：

<table>
  <tr>
    <td>guru</td>
    <td>ok</td>
  </tr>
  <tr>
    <td>moorthi</td>
    <td>good</td>
  </tr>
  <tr>
    <td>cont</td>
    <td>fine</td>
  </tr>
</table>

CSS：

table tr td{
    padding-right:20px;
}

Answer 2

如果您仍然遇到此问题，只需在css中为该表添加一个属性，如下所示：

table style =“table-layout：fixed;” cellspacing =“10px”cellpadding =“10px”

我认为这会解决问题

如何在html表中保持两列之间的空间相等？

2 个答案: