如何使表格文字永不断行?

时间:2018-09-21 06:26:01

标签: html css html-table

这是一个新手问题。

在表格单元格中,如果文本很长,如何使文本显示为一行?永不中断。

TABLE和TD的宽度取决于自动计算文本长度的方式。

例如:

table, td {width: auto}
<table border=0>
  <tr>
    <td>text text text  text  text  text  text  text  text  text  text  text text text text text text text text text</td>
  </tr>
</table>

3 个答案:

答案 0 :(得分:2)

您需要使用white-space的{​​{1}}属性来停止文本自动换行,如下所示:

td

答案 1 :(得分:0)

只需在os元素上应用white-space: nowrap;

td

答案 2 :(得分:0)

使用此-

<style>
table, td {width:auto; white-space: nowrap; overflow-x: scroll; }
</style>