如何移除CRUD应用中表格th、td元素的左右空白间距

你可以按照下面的步骤依次排查解决：

• 第一步：重置表格默认样式
  给表格和单元格添加如下CSS即可清除默认间距：

/* 合并表格边框，清除单元格之间的默认间隙 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* 清除单元格自带的左右内边距 */
th, td {
  padding-left: 0;
  padding-right: 0;
  /* 如果需要上下也不留空白可以直接写 padding: 0; */
}

• 第二步：移除HTML原生属性
  如果你的<table>标签上带有cellpadding、cellspacing属性，直接删除即可，或者显式设置为0：

<table cellpadding="0" cellspacing="0">
  <!-- 表格内容 -->
</table>

• 第三步：自定义样式排查
  如果上面的方法都没用，可以打开浏览器控制台的元素检查工具，选中有空白的th/td元素，查看盒模型属性，确认是不是自定义样式里加了margin、text-indent等属性导致的空白，针对性删除对应样式即可。

内容的提问来源于stack exchange，提问作者Priyanshu