Как сделать так, чтобы текст таблицы никогда не ломался?

Question

Это вопрос новичка.

Если в ячейке таблицы длинный текст, как сделать так, чтобы текст показывался одной строкой?Никогда не нарушай черту.

Ширина таблиц и ТД зависит от длины текста, автоматически рассчитанной.

Например:

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>

Answer 1

Просто примените white-space: nowrap; к элементам td:

<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>

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

Answer 2

используйте это -

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

Answer 3

Вам нужно использовать свойство white-space в td, чтобы остановить перенос текста следующим образом:

td {
  white-space: nowrap;
}