Question

我已经在Google上进行了一些搜索，找到了使用CSS（媒体）动态地！将多单元表转换为一个单元表的解决方案。我发现了一个不好的解决方案，因为它混合了结果。这就是我想要做的...

 <table style="width:100%">
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
</table>

结果：

一个单元格表：Jill，Smith，50，Eve，Jackson，94

Answer 1

 <table style="width:100%">
  <tr>
    <td>Jill
    Smith
    50
    Eve
    Jackson
    94</td>
  </tr>
</table>

如果以上是您要尝试的操作，那么您不能这样做。 CSS无法以这种方式更改您的HTML代码。

 <table style="width:200px">
  <tr style="width:100px; position:absolute">
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <tr style="width:100px; left:100px; position:absolute">
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
</table>

现在，这看起来像是一个单元格，因为absolute的位置使两行内联（display:inline-block不起作用）。我说的很简单。您可以使用百分比，使其更加灵活，但是我不建议您采用这种方式。

我认为您的问题，无论可能是什么，都应该以不同的方式解决，然后合并单元格。

将多单元格表变成一个单元格表

1 个答案: