Question

请考虑以下HTML代码段：

<!DOCTYPE html>
<title>Table</title>
<meta charset="utf-8">

<table border="1" style="width: 800px;">
    <col width="0*">
    <col>
    <col width="0*">
    <tr>
        <td><div style="background: red; width: 100px; height: 100px;"></div></td>
        <td><div style="background: blue; color: white; text-align: center;">hello world</div></td>
        <td><div style="background: green; width: 50px; height: 50px;"></div></td>
    </tr>
</table>

如何用CSS替换<col width="0*">？

Answer 1

根据您的示例，您希望仅将CSS应用于第一列和最后一列。只需向列中添加可重用的CSS类名称并为其定义样式。

<col class="columnStyle">
<col>
<col  class="columnStyle">

在CSS文件中：

col.columnStyle {
    width: 0px;
    /* specify required width here */
}

这将仅将特定宽度应用于那些列而不是中间列。

什么是CSS替代品？

1 个答案: