CSS去掉table間距 在網(wǎng)頁(yè)開發(fā)中，我們經(jīng)常會(huì)使用到table來布局和展示數(shù)據(jù)。但是，由于table默認(rèn)有一定的間距，所以在美化頁(yè)面時(shí)可能會(huì)顯得不太美觀。因此，本篇文章將介紹如何通過CSS去除tables的間距。 一、 調(diào)整CSS表格外邊框 我們可以通過簡(jiǎn)單地調(diào)整表格邊框來去除table的間距。 首先，我們需要設(shè)置表格邊框的寬度為0： pre { border: 1px solid rgb(204, 204, 204); background-color: rgb(243, 243, 243); padding: 5px; margin: 5px; } table { border-collapse: collapse; border-spacing: 0; border-width: 0; margin-top: 0; margin-bottom: 0; } 二、 使用CSS reset樣式 如果不想自己手動(dòng)配置CSS，我們也可以使用已經(jīng)存在的CSS reset樣式。CSS reset的作用是重置默認(rèn)樣式，因此可以避免一些瀏覽器兼容性問題。 以下是推薦使用的reset樣式代碼： pre { border: 1px solid rgb(204, 204, 204); background-color: rgb(243, 243, 243); padding: 5px; margin: 5px; } table { border-collapse: collapse; border-spacing: 0; margin-top: 0; margin-bottom: 0; } 以上就是去除table間距的兩種方法。希望本篇文章能夠幫助到大家。