Перенос по словам в длинную ячейку таблицы с сохранением динамической ширины в другихCSS

Разбираемся в CSS
Anonymous
Перенос по словам в длинную ячейку таблицы с сохранением динамической ширины в других

Сообщение Anonymous »

У меня есть таблица, в одной из ячеек которой есть длинная строка. Мне нужно разделить длинную строку, чтобы ширина таблицы не превышала 100%. Я обнаружил, что, добавив table-layout: fix и word-wrap: word-break, длинная ячейка будет перенесена. Однако побочным эффектом использования table-layout является то, что все столбцы будут иметь одинаковую ширину.

Пример этого можно увидеть здесь:

http://jsfiddle.net/RYdLd/2/

Как я могу сделать автоматический размер ширины первого столбца таким, чтобы он соответствовал только его содержимому? (т. е. в этом примере она должна быть достаточно широкой, чтобы в этом столбце отображались 1 и 2.)

Данные в таблице будут загружаться динамически, поэтому решение, в котором жестко закодированы значения ширины, не является хорошим, поскольку невозможно заранее узнать, какой ширины должен быть столбец. Мой единственный вариант — использовать , я не могу использовать или какой-либо другой элемент.

Подробнее здесь: https://stackoverflow.com/questions/456 ... -in-others

Вернуться в «CSS»