表,允许一个列具有大量空间,同时强制其他列具有相等的宽度

时间:2015-12-09 19:08:11

标签: html css html-table

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

enter image description here

唯一的问题是,我希望非常好,好,公平,差,非常差列的宽度相等,同时仍允许“问题”列占用所需的空间,如果这个问题恰好很长。

1 个答案:

答案 0 :(得分:0)

尝试这样的事情:

定型

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>