html - 表格，允许一列有很多空间，同时强制其他列具有相同的宽度

Question

我在 HTML/CSS 中做了以下内容

唯一的问题是，我希望非常好、好、一般、差、非常差列的宽度相等，同时仍然允许“问题”列占用尽可能多的空间，如果这个问题恰好很长。

Answer 1

尝试这样的事情:

样式

table{
    width:100%;
}
.question_col{
    width: 25%;
}
.answer_col{
    width: 15%;
}

html

<table>
    <tr>
        <td class="question_col">Questions</td>
        <td class="answer_col">Very Good</td>  
        <td class="answer_col">Good</td>
        <td class="answer_col">Fair</td>
        <td class="answer_col">Poor</td>
        <td class="answer_col">Very Poor</td>
    </tr>
    <tr>
        <td>Questions</td>
        <td>Very Good</td>  
        <td>Good</td>
        <td>Fair</td>
        <td>Poor</td>
        <td>Very Poor</td>
    </tr>
</table>