Задание для начинающих html :: Как заставить горизонтальные полосы прокрутки появляться? они просто не будут .. данные в теге td переходят на следующую строку

Question

Я хочу, чтобы текст отображался одной строкой. На самом деле, он содержит текст и элементы управления раскрывающегося списка ... Также это таблица в другом теге td

Я пытался все изменить .. выравнивание, ширина .. что нет

но текст перемещается на следующую строку вместо того, чтобы появляться на той же строке .. Я хочу, чтобы появились горизонтальные полосы .. Какое значение я должен дать атрибуту ширины таблицы?

надеюсь, что вопрос не сбивает с толку: /

Answer 1

Попробуйте применить этот класс к td:

.scroll{
  overflow:auto;
  overflow-x:scroll;
}

<td class="scroll">A lot of content here....</td>

Кроме того, вы можете поместить div в td и применить вместо этого стиль:

<td>
   <div class="scroll">A lot of content here....</div>
</td>

Обновление

Вы можете применить встроенный стиль следующим образом:

<td style="overflow:auto; overflow-x:scroll;">A lot of content here....</td>