Html 边距或填充不适用于引导表

我有一个bootstrap表，我给了tr利润，但是tr没有得到利润，我不知道为什么会发生这种情况，任何人请帮我找到这个。我申请了这门课

.table-body tr {
  margin-bottom: 25px;
}

试试这个片段

.总结所选项目{ 宽度：100%； 背景：f9fafb； 边框：dadada实心1px； 浮动：左； 填充：30px； } .汇总选定项目h4{ 字体系列：“Raleway Medium”； 字体大小：24px； 颜色：000； 边缘底部：15px； } .汇总所选项目表{ 边缘底部：35px； 宽度：100%； } .汇总所选项目表th{ 字体系列：“Raleway常规”； 字号：18px； 颜色：000000； 填充：10px 0px； } .汇总所选项目。填充{ 填充：10px 20px； } .汇总选定项目表td{ 字体系列：“Raleway常规”； 字体大小：15px； 颜色：777777； 填充：10px 15px； 垂直对齐：中间对齐； } .第一名{ 显示：表格； } .选定的第一个img{ 浮动：左； } .首先选择。选择名称{ 显示：表格单元格； 左侧填充：20px； 垂直对齐：中间对齐； 宽度：自动； } .桌身tr{ 边缘底部：25px； } .选定的第一个img{ 宽度：100px； 高度：100px； 背景：2000人； } 选定项目 服务 日期 单价 全部的 服务 魔术表演 日期2016年1月10日 单价KD 100.000 总KD 100.000 服务 魔术表演 日期2016年1月10日 单价KD 100.000 总KD 100.000

---

您可以在表父级上使用border collapse属性获得所需的输出：

.summery-selected-items table {
    border-collapse: separate;
    margin-bottom: 35px;
    width: 100%;
}

.总结所选项目{ 宽度：100%； 背景：f9fafb； 边框：dadada实心1px； 浮动：左； 填充：30px； } .汇总所选项目表{ 边界塌陷：分离； 边缘底部：35px； 宽度：100%； } .汇总选定项目h4{ 字体系列：“Raleway Medium”； 字体大小：24px； 颜色：000； 边缘底部：15px； } .汇总所选项目表{ 边缘底部：35px； 宽度：100%； } .汇总所选项目表th{ 字体系列：“Raleway常规”； 字号：18px； 颜色：000000； 填充：10px 0px； } .汇总所选项目。填充{ 填充：10px 20px； } .汇总选定项目表td{ 字体系列：“Raleway常规”； 字体大小：15px； 颜色：777777； 填充：10px 15px； 垂直对齐：中间对齐； } .第一名{ 显示：表格； } .选定的第一个img{ 浮动：左； } .首先选择。选择名称{ 显示：表格单元格； 左侧填充：20px； 垂直对齐：中间对齐； 宽度：自动； } .桌身tr{ 边缘底部：25px； } .选定的第一个img{ 宽度：100px； 高度：100px； 背景：2000人； } 选定项目 服务 日期 单价 全部的 服务 魔术表演 日期2016年1月10日 单价KD 100.000 总KD 100.000 服务 魔术表演 日期2016年1月10日 单价KD 100.000 总KD 100.000 默认情况下，不能将页边距应用于表行

你可以改为使用边框折叠：分离并给你的s加上填充

.总结所选项目{ 宽度：100%； 背景：f9fafb； 边框：dadada实心1px； 浮动：左； 填充：30px； } .汇总选定项目h4{ 字体系列：“Raleway Medium”； 字体大小：24px； 颜色：000； 边缘底部：15px； } .汇总所选项目表{ 边缘底部：35px； 宽度：100%； 边界塌陷：分离； } .汇总所选项目表th{ 字体系列：“Raleway常规”； 字号：18px； 颜色：000000； 填充：10px 0px； } .汇总所选项目。填充{ 填充：10px 20px； } .汇总选定项目表td{ 字体系列：“Raleway常规”； 字体大小：15px； 颜色：777777； 填充：10px 50px； 垂直对齐：中间对齐； } .第一名{ 显示：表格； } .选定的第一个img{ 浮动：左； } .首先选择。选择名称{ 显示：表格单元格； 左侧填充：20px； 垂直对齐：中间对齐； 宽度：自动； } .桌身tr{ 边缘底部：25px； } .选定的第一个img{ 宽度：100px； 高度：100px； 背景：2000人； } 选定项目 服务 日期 单价 全部的 服务 魔术表演 日期2016年1月10日 单价KD 100.000 总KD 100.000 服务 魔术表演 日期2016年1月10日 单价KD 100.000 总KD 100.000

---

您可以使用边框间距属性，其工作原理类似于引导表的边距，如下所示：

.summery-selected-items table {
    border-spacing: 10px 50px;
}

---

参考资料来源：

请检查此答案：我从Vincent G那里得到了此答案，但请投票支持您的帮助mentality@Naila谢谢