Html CSS引导表

如何限制引导表每列的宽度？ 我试着到处玩，但我似乎无法缩小专栏

桌子
.table类向表中添加基本样式（轻填充和仅水平分隔）：

#
名字
1.
安娜
2.
黛比
3.
约翰

您可以设置

表格布局：固定

，并设置列的静态宽度

.table {
  table-layout:fixed;
}

td, th {
  width: 90px;
}

.table{
表布局：固定；
}
td，th{
宽度：90px；
边框：1px纯黑；
文本对齐：左对齐；
}

#
名字
姓氏
1.
安娜
姓氏
2.
黛比
姓氏
3.
约翰
姓氏

您还可以使用标记格式化表中的每一列

---

只需将您的表格设置为

width:auto

，或根据您的喜好为其指定固定宽度，例如

width:200px

问题是我想追加列，所以我不想限制表格大小：（我正在使用angularJS和ng repeat根据数据库中的条目数追加列。因此我希望每个列的大小都是固定的。您真的想添加

列

？而不是

行

？

.table {
  table-layout:fixed;
}

td, th {
  width: 90px;
}

<table class="table">
  <colgroup>
    <col style = "width : 50px">
    <col style = "width : 300px">
    <col style = "width : 100px">
  </colgroup>
  <thead>
    <tr>
      <th>#</th>
      <th>Firstname</th>
      <th>Lastname</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>Anna</td>
      <td>Lastname</td>
    </tr>
    <tr>
      <td>2</td>
      <td>Debbie</td>
      <td>Lastname</td>
    </tr>
    <tr>
      <td>3</td>
      <td>John</td>
      <td>Lastname</td>
    </tr>
  </tbody>
</table>

td, th { 

  text-align: left;
}