为什么background-color会影响字段换行？

我建了一个表，一个是给每行数据一个背景色：

css：

如图会出现在一个框框出现重叠的bug，本质上是上一条数据太长，换行到下面，结果跟下面数据重叠……

但是我在单独一个cell加上background-color就不会出现该状况：

css：

如何保证在背景色加每行的情况下另cell数据不重叠

【若有帮助，望采纳，谢谢】
在 HTML 表格中，单元格（cell）是按行和列排列的矩形区域，每个单元格可以包含文本、图像或其他内容。当为单元格添加背景颜色时，该单元格的宽度会自动调整以适应内部文本和填充区域，从而避免文本重叠。这是因为在单元格中设置背景颜色会影响该单元格的盒模型，包括其宽度和高度计算，以确保内容不会重叠。此外，HTML 表格是基于表格单元格布局算法来进行布局的，该算法会根据单元格的内容和样式信息自动调整单元格的大小和位置，使其尽可能地适应表格布局。

td {
  display: inline-block; 
}

应该就够了老弟，你试试