Html td中的表格填充

这很奇怪，我的td中有填充，但在我的inspect元素中它是0填充，我在td中悬停时看到填充？你知道吗？ 这很奇怪，哈哈

这是我的html

table.md-table border="1"
  tr.md-table-content-row ng-repeat="(payroll_type, taxes) in ctrl.table_taxes | groupBy:'payroll_type'"
    td.md-table-content.tax_table
      div.pay-type layout="row" layout-align="center center" style="height:20px;"
        | {{ payroll_type | capitalize }}
        md-button.md-mini.md-primary.md-icon-button.md-mr-0.md-pd-0 ng-show="taxtableform.$visible" ng-click="ctrl.addTaxStatus(taxes)"
          md-icon.material-icons.md-fnt-sz-20 add_circle_outline
          md-tooltip Add Tax Status
      hr
        div.md-ta-c style="height:20px;"
          | Exemption
      hr
        div.md-ta-c style="height:20px;"
          | Status
      hr
        span ng-repeat="(status_name, taxes4) in taxes | groupBy:'payroll_type'"
          div.md-ta-c ng-repeat="tax in taxes4 | unique:'status_name'| orderBy: 'status_name'" style="height:20px;"
            hr
              | {{ tax.status_name }}
    td.md-table-content.tax_table.md-ta-r ng-repeat="(column_no, taxes2) in taxes |  groupBy:'column_no'"
      div.md-ta-c.md-mr-t-1 layout="row" layout-align="center center" style="height:20px;"
        span
          | {{ column_no }}
        md-button.md-mini.md-primary.md-icon-button.md-mr-0.md-pd-0 ng-show="taxtableform.$visible" ng-click="ctrl.removeColumn(taxes2)"
          md-icon.material-icons.md-fnt-sz-20 delete
          md-tooltip Delete Column
      hr
      span ng-repeat="(exemption, taxes3) in taxes2 |  groupBy:'exemption'"
        div.item-wrapper style="height:20px;"
          span ng-hide="taxtableform.$visible" e-style="width:50px;" editable-text="exemption" e-form="taxtableform" onbeforesave="ctrl.exemptionChecker($data, exemption, taxes2)"
            | {{ exemption | number: 2 }}
      hr
      span ng-repeat="(over_percentage, taxes3) in taxes2 |  groupBy:'over_percentage'"
        div.item-wrapper style="height:20px;"
          span ng-hide="taxtableform.$visible" e-style="width:50px;" editable-text="over_percentage" e-form="taxtableform" onbeforesave="ctrl.percentageChecker($data, over_percentage, taxes3)"
            | {{ over_percentage | number: 2 }}
      hr
      span ng-repeat="tax in taxes2 | orderBy:'status_name'"
        hr
          div.item-wrapper style="height:20px;"
            span ng-hide="taxtableform.$visible" e-style="width:50px;" editable-text="tax.amount" e-form="taxtableform" onbeforesave="ctrl.taxAmountChecker($data, tax)"
              | {{ tax.amount }}

---

你能试着在桌子上加上这种款式吗

  border-collapse: collapse;

---

你能试着在桌子上加上这种款式吗

  border-collapse: collapse;

---

在CSS文件中提到可能很好？从代码的外观来看，OP将很难添加到所有表中（如果有多个表）同意：）也许他自己找到了方法。也许在CSS文件中提及是好的？从代码的外观来看，OP将很难添加到所有表（如果有多个表）同意：）也许他自己找到了方法。