Как задать ширину столбца у таблицы html?

Question

[Алексей Жигалов]

Не получается задать ширину первому столбцу таблицы

https://jsfiddle.net/nfwj9g4f/

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

Что я делаю не так?

Answer 1

[one_day]

word-break: break-all;

Answer 2

[Сергей Мелодин]

Если нужно скрыть лишний текст (а не переносить на новые строки), то надо задать максимальную ширину и, собственно, сокрытие:

td{
max-width: 100px;
overflow: hidden;
}

Или так:

td{
max-width: 100px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}