У меня есть таблица, где ширина ячеек находится в процентах, и я хочу использовать text-overflow: ellipsis
, чтобы скрыть длинные строки текста:
В примере многоточие отлично работает в div, но не в ячейке. Он все еще растет и игнорирует как width:60%
, так и max-width:60%
.
Если я добавляю в ячейку display:block
, текст останавливается на 60% и получает многоточие, но общая ширина ячейки по-прежнему является размером всего текста.
В конечном счете, я хочу, чтобы таблица соответствовала экрану. Есть ли способ сделать это с чистым css?