html - 如何固定表格列宽？

Question

我有一个包含两列的表格，第一列 65%，第二列 35%。它完全适合 100% 的屏幕，如果第一列中有足够的文本来填充那 65%，但如果它是空的(或少量文本)- 那么第一列缩小，第二列扩大。

如何使第一列始终占屏幕的 65%，无论是否包含文本？

Answer 1

试试这个:

<table class="fixed_width">
    <col width="65%" />
    <col width="35%" />
    <tr>
        <td>your data</td>
        <td>your data</td>
    </tr>
</table>

和 CSS:

table.fixed_width { table-layout:fixed; }
table.fixed_width td { overflow: hidden; }