Как правильно ограничить ширину td?

Question

[z_u_l]

Как правильно ограничить ширину td? Пытался ограничить с помощью div class="table-width", но почему-то помещается в строке только пять символов, а остальное переносится.
Чего пытаюсь добиться - когда контент в ячейке занимает меньше 100px - чтобы ячейка подстраивалась под размер контента, если котент больше 100px - чтобы текст переносился на новую строчку.
Можно ли такого добиться? У меня сейчас ширина контента 48px вместо желаемых 100.

Ссылка на пример

Answer 1

[lamer350]

max-width: 100px;

Comments

[z_u_l]

Для какого элемента? Если можно пример

[Ярослав Иванов]

z_u_l,

- Как правильно ограничить ширину td?
- max-width: 100px
- Для какого элемента?

Для td

[z_u_l]

Ярослав Иванов, а у td разве есть max-width? https://jsfiddle.net/3ba520rv/ вот так получается. 50, не 100.

[lamer350]

z_u_l, в современных браузерах работает, но вы же сами описали вам нужно чтобы колонки были не более 100px, переносятся не символы, а слова. Сейчас у вас получается так что 100px нет смысла делать так как переносится слово и колонка фактически меньше.