CSS table-layout



Свойство предназначено для управления режимом формирования ширины столбцов в таблице



/*Для корректной работы fixed обязательно должна быть задана ширина таблицы */

table {

table-layout: fixed;

width: 100%;

}

/* обрезаем текст, не влезающий в ячейку */

td {

overflow: hidden;

white-space: nowrap;

text-overflow: ellipsis;

}



Основное различие между значениями auto(по умолч.) и fixed заключается в том, как браузер распределяет ширину столбцов в таблице. auto определяет ширину столбцов на основе их содержимого, тогда как fixed определяет их на основе ширины самой таблицы и заданных ширин столбцов



Подробнее
статья



👉 @FrontendPortal | #CSS