Перенос слов в TD-элементы при сокращении окна браузера

Question

У меня есть таблица, столбцы которой содержат два встроенных div, один отображает изображение, а другой отображает текст рядом друг с другом.Таким образом, каждый тд прямоугольный с изображением справа и текстом рядом с ним слева (на одной строке).Проблема (которая возникает во всех браузерах) заключается в том, что когда я уменьшаю размер браузера по горизонтали, вместо того, чтобы сохранять фиксированную ширину td и добавляю горизонтальную полосу прокрутки, он переносит текст и перемещает его под изображение, следовательно, уменьшает ширинуиз td.Как я могу получить ширину td, чтобы она оставалась неизменной независимо от ширины браузера?Да, и в случае, если это влияет на это, оба div'а имеют относительное расположение, так что я могу немного отрегулировать их положение в пределах tdКроме того, я не могу исправить ширину тд, так как ширина каждого столбца должна немного варьироваться в зависимости от текста.Спасибо

<td>
  <div style="display:inline;position:relative;">
    <img src="some_image.jpg" />
  </div>
  <div style="display:inline;position:relative;">
    some short text
  </div>
</td>

Answer 1

Вы можете добавить атрибут nowrap к td:

<td nowrap>

или стиль с:

td {white-space:nowrap;}

Answer 2

По сути, ваша проблема прямо в вопросе "Как я могу получить ширину td, чтобы она оставалась неизменной ... Кроме того, я не могу исправить ширину td, так как ...":)

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

1. Если вы знаете, какую максимальную ширину таблицы вы хотите разрешить, вы можете заключить ее в элемент div с фиксированнойширина.Таким образом, тело вашей страницы не будет уменьшаться до ширины упаковочного элемента div, и, следовательно, оно не будет толкать вашу таблицу.

2. Используйте JavaScript, чтобы зафиксировать ширинутд после загрузки страницы.Таким образом, он будет зафиксирован до любой ширины, до которой его содержимое расширилось.Вы должны иметь возможность получить ширину от td из свойства offsetWidth.