Как указать ширину столбца таблицы до фиксированного размера в HTML?

Question

У меня есть таблица только с несколькими строками и столбцами в ней. То, что я застрял с ширина колонки, когда длина поля увеличивается

Так, скажем, только, например, у меня есть таблица, как:

<table> 
    <thead> 
    <tr> 
    <th>column1</th> 
    <th>column2</th> 
    </tr> 
    </thead> 

    <tbody> 
    <tr> 
    <td>valuenfkdkfkdsnfndfndnkffdfndsfnndfnksfnfsfsdnsffs</td> 
    <td>value2</td> 
    </tr> 
    </tbody> 
</table> 

со значением, которое имеет длину поля из 35-50 символов, подобных таковому в первом теге «td», таблица выходит за пределы заданной области веб-страницы.

Я использовал {word-wrap: break-word;}, но, похоже, эффекта нет. Есть ли способ разрезать длину поля на следующую строку, когда это так, и установить ширину столбца на фиксированный размер?

Answer 1

Вы можете искать CSS собственности table-layout:fixed

<table class="users" style="table-layout:fixed;"> 
    <tbody> 
    <tr> 
     <td>0001</td> 
     <td>Johnny Five</td> 
    </tr> 
</table> 

ИЛИ

CSS:

table.users{table-layout:fixed;} 

Источник: https://css-tricks.com/fixing-tables-long-strings/