使列的宽度固定并将单词包装到下一行

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;
}

默认情况下，table-layout为auto。