Текст шире таблицы столбцов максимальной ширины

Question

У меня есть таблица, и я использую <col> для указания ширины столбцов. Моя проблема в том, что один из столбцов с шириной 5% имеет заголовок с 16 символами, который шире, чем выделенный 5%, и делает ширину столбца шире. Как получить заголовок для соответствующей ширины и соответствовать ширине 5%? Я хочу, чтобы таблица была отзывчивой и не хотела устанавливать ширину в пикселях. Я попробовал дефис, который разбивает его и обтекает текст, но дефис не способствует чтению.

Answer 1

Используйте элемент 'Vw' (ширина окна просмотра), 'В.Х.' (высота окна просмотра), 'Vmin' (меньший из VW или VH), '' Vmax (чем больше или оч.сл. или VH) и т.д.

1 V = 1% от содержащего блока

используя это выглядит следующим образом:

p {font-size: 2vw;} 

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

Только в случае, если оно не использовать работу что-то вроде ...

p {font-size: 16px; font-size: 2vw;} 

В качестве альтернативы вы можете использовать перенос слов: брейк-слова; что сделает его поток на следующую строку