html - 如何强制不同表行中的 td 内联？

Question

我正在将一些 CSS 样式添加到我未编写的 HTML 代码中，并且表格 td 中的一些内容位于不同的行中，但我需要所有的 td 都在同一行中。

基本上，我需要类似...

+-------+
| a | b |
+---+---+
| c | d |
+-------+

...看起来像...

+---------------+
| a | b | c | d |
+---------------+

Answer 1

你可以这样做 ( https://jsfiddle.net/gvLbq9rn/ )

CSS:

tr {display: table-cell;}

HTML:

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