css如何让表格不要超出

CSS是一种前端设计语言，能够用来控制网页的呈现效果。其中之一的用处就是能够让表格不要超出页面边界。在这篇文章中，我们将会通过使用CSS来实现这一需求。

首先，我们需要使用一个pre标签来包含我们的表格。这个标签将会把我们的表格变成等宽字体，这样整个表格就不太可能溢出页面边界。

Header 1	Header 2	Header 3
Item 1	Item 2	Item 3
Item 4	Item 5	Item 6

接着，我们需要添加一些CSS样式，以确保表格不会超出边界。我们需要让表格宽度等于父元素的宽度，并且添加一个overflow属性来隐藏所有溢出的内容。

table {
    width: 100%;
    border-collapse: collapse;
    overflow: auto;
}

这段代码使用了两个属性。首先，border-collapse: collapse用于将输入的单元格边框合并成一个单一的边框。这将使表格看上去更整洁。其次，overflow: auto可以使我们的表格以一个滚动条的方式显示在屏幕内，以便于浏览表格内容。

最后，我们将对表格中的单元格添加一些 padding 和 margin 样式，以使表格在页面上更容易阅读。

td,th {
    padding: 8px;
    margin: 0px;
}

这段代码使表格中的每个单元格都有8像素的内边距，并且不会有外边距。这将让我们的表格在页面上更加整洁和易于阅读。

综上所述，上述的三段代码将会让你的表格不会超出页面的边界，并且让你的表格在页面上更容易阅读。