html - 使列的宽度固定并将单词换行到下一行

Question

我尝试将两列的宽度设置为固定:

.thkqgiai{
    width:20% !important;
}

.thkqso{
    width:80% !important;
}

.tdkqgiai{
    text-align:center;
}

.tdkqso{
    text-align:center;
    word-wrap:break-word !important;
}

thkqgiai 和tdkqgiai 分别是第一列的th 和td 类

thkqso 和tdkqso 分别是第二列的th 和td 类

如何使列的宽度保持固定，并且长文本将换行到下一行？

Answer 1

只需应用表格布局即可修复:

table{
  table-layout: fixed;
}

默认情况下表格布局是自动的。