css tbody出现滚动条

@H_404_0@在前端开发中，我们经常会遇到需要表格具有固定高度和纵向滚动条的需求，这时我们就需要使用CSS的tbody属性来实现了。

tbody {
  display: block;
  height: 300px;
  overflow-y: scroll;
}

@H_404_0@以上代码中，我们将tbody设置为块级元素，高度为300px，并且纵向出现滚动条。这样，当tbody内的内容超过300px时，表格就会出现纵向滚动条。

@H_404_0@需要注意的是，由于表格元素的特殊性，如果直接给表格添加overflow-y:scroll属性，会导致表格头和表格主体无法对齐。因此，我们需要将tbody设置为块级元素，使表格头和表格主体在不同的容器中，可以单独控制滚动条。

@H_404_0@除了纵向滚动条，我们还可以通过CSS的overflow-x属性来实现横向滚动条：

tbody {
  display: block;
  height: 300px;
  overflow-y: scroll;
  overflow-x: hidden;
}
td {
  white-space: Nowrap;
}

@H_404_0@以上代码中，我们将tbody的overflow-x属性设置为hidden，表示横向不出现滚动条；同时，将表格单元格的white-space属性设置为Nowrap，表示禁止单元格内文本换行，当表格宽度小于内容宽度时，单元格内文本会溢出，并触发横向滚动条。

@H_404_0@总结一下，通过CSS的tbody属性，我们可以实现表格的固定高度和纵向滚动条，还可以结合overflow-x和white-space属性，实现横向滚动条和单元格内文本溢出的效果。