表中具有特定大小的列

Question

我还能做些什么来离开桌子：

我想制作第一列和具有特定大小的最后一列，并增加第二列的宽度。我当前的脚本css表：

<style type="text/css">             
            table
            {
                border: 1px solid black;
                table-layout: fixed;
                width: 200px;
                border-collapse: collapse;
            }
        th, td
        {
            border: 1px solid black;
            overflow: hidden;
            width: 100px;
            border-collapse: collapse;
            padding: 4px;
        }
    </script>

拜托，tks！

Answer 1

您可以根据需要设置任何单元格的样式，如下所示：

/* First cell */
td:first-child {
    width: 40px;
}
/* Second cell */
td:nth-of-type(2) {
    width: 150px;
}
/* Last cell */
td:last-child {
    width: 30px;
}

请参阅Fiddle