Question

我有这个小问题（也许很简单）。我现在有一张桌子，显示为普通桌子。

AsyncTask

这适用于大多数页面（布局明智）但我在另一个页面上有相同的表格，此表格的布局不适合它所在的------------------- | item 1 | item 4 | ------------------- | item 2 | item 5 | ------------------- | item 3 | item 6 | -------------------。所以我我想我可以使用CSS将表数据彼此对齐：

div

我尝试过使用谷歌发现的一些事情。 ------------------------------------------------------- | item 1 | item 2 | item 3 | item 4 | item 5 | item 6 | -------------------------------------------------------，display:inline-block;，display:inline-table;。现在这是可能的吗？我知道你可以使用float:left反过来做。

这是我的HTML：

display:block

Answer 1

我尝试过使用谷歌发现的一些东西。显示：内联块;

这样就可以了。

td { border: solid black 1px; }
tr, td { display: inline-block; }

<table>
  <tr>
    <td><i class='fa fa-users' aria-hidden='true'></i></td>
    <td>
      <p>". chop($str,"-999") . "</p>
    </td>
  </tr>
  <tr>
    <td><i class='fa fa-clock-o' aria-hidden='true'></i></td>
    <td>
      <p>" . $row["Tijdsduur"] . "</p>
    </td>
  </tr>
  <tr>
    <td><i class='fa fa-euro' aria-hidden='true'></i></td>
    <td>
      <p><small>" . $var . "</small></p>
    </td>
  </tr>
</table>

将TD元素放在一起

1 个答案: