css table 隐藏一列

CSS中的表格是一种非常常见的网页布局工具，它可以让开发者将内容以表格的形式展示。但是，有时候我们希望隐藏表格中的某些列，这时候就需要用到CSS的一些技巧了。

首先，需要将表格中需要隐藏的列的对应单元格的CSS样式设置为display:none;

  
table {
  border-collapse: collapse;
}

th {
  padding: 10px;
  text-align: left;
}

td {
  border: 1px solid #e1e1e1;
  padding: 10px;
}

td:nth-child(3) {
  display: none;
}
  

在上面的例子中，我们将表格的边框颜色合并，为了美观和易于阅读。然后设置表头的padding和text-align样式，并将表格中的每个单元格的边框样式设置为1px的实线，并设置内边距为10px。

最后，我们使用nth-child属性来选中表格中的第三列，将其display样式设置为none，将其隐藏起来。

这样我们就成功地将表格中的某一列隐藏起来了，可以根据需要自由选择隐藏哪些内容，从而实现更好的网页布局效果。