Question

我有两张桌子并排。我需要行排成一行，但由于页面上的宽度限制，有时内容可能比表行长，并且它会断开并形成一个两行表行。

是否可以制作类似双行的内容，可以容纳两行文本，这样无论内容是1行还是2行，所有内容都会排成一行？

Answer 1

你可以解决这两种方式，一种是像你建议的那样创建一个具有固定高度的行，另一种解决方案是创建一个包含3列的大表，从中间列中删除边框，使其看起来像2桌。

您要求的解决方案如下：

<style>
td { vertical-align: top; }
td div { height: 40px; overflow: hidden; }
</style>
<table width="400">
  <tr>
    <td><div>short content</div></td>
    <td><div>long content long content long content long content</div></td>
    <td><div>long content long content long content long content</div></td>
  </tr>
  <tr>
    <td><div>long content long content long content long content</div></td>
    <td><div>short content</div></td>
    <td><div>long content long content long content long content</div></td>
  </tr>
</table>

Answer 2

您可以在表行或单元格中添加（最小）高度（尽管它在IE6等旧浏览器中不起作用），例如：

tr {
   min-height: 2em;
}

或

tr {
   min-height: 24px;
}

如果你需要在IE6中使用它，你可以添加'height：...'。

希望这有帮助！

Answer 3

给出TD高度：2.5em左右（您必须使用此值，取决于您使用的边距/填充/线高等其他参数。

表行有两行文本

3 个答案: