在第二行的td中换行文本

Question

您在图片中看到的内容是表格标签。所以，这就是表格：

<table>
<tr>
  <td rowspan="3">image</td>
  <td>title</td>
  <td>price</td>
  <td>date</td>
</tr>
<tr>
  <td rowspan="2" colspan="3">content</td>
</tr>
</table>

如果你在Hardc之后查看图片，你会看到......因为它在td结束时会中断。但我希望文字在第二行分手。

我有td的这个属性：

overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

我无法弄清楚如何制作完全相同的东西，但是对于td中的第二行。

Answer 1

删除文本溢出：省略号;

添加： display：inline-block; 要么 display：block;

玩它！