Question

我在一个巨大的表中有html表，我正试图通过php动态生成它们的单元格。现在我的结构看起来像这样：

<table>
  <tr>
    <td>
      <table>
        <tr>
          <td>
            1
          </td>
        </tr>
      </table>
      <table>
        <tr>
          <td>
            2
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>

和html我的chrome浏览器正在渲染输出像这样的单元格：

1
2

而不是：

1 2

我知道我可以轻松地做到这一点：

<table>
  <tr>
    <td>
      1
    </td>
  </tr>
  <tr>
    <td>
      2
    </td>
  </tr>
</table>

并得到我想要的输出：

1 2

但是我有一些信息不适合表格中的td单元格。有什么帮助吗？

Answer 1

使用float：left表格CSS

table{
    float:left;
}

Fiddle here

Answer 2

如果您使用“float：left”并在表格后放置一些文字，则它位于桌子旁边，而不是底部。
使用

td table {
   float: left;
   /*or:
   display: inline-block;*/
}

获取html表以水平放置单元格

2 个答案: