Question

我已经尝试了所有东西，但没有将最外面的表格的边框设置为0。我想摆脱单元格下方的“大单元格文本”。代码非常混乱，但这里是link to jsfiddle所以你可以......摆弄它。表结构的代码与我在网站中使用的代码完全相同，但显然数据已被替换。

任何线索？

Answer 1

将border-bottom和border-top设置为none：http://jsfiddle.net/nUrE7/

Answer 2

你走了。在您的代码中添加了 border-bottom：none; 和 border-top：none; 。

<table cellspacing="0" cellpadding="1" border="1" style="width: 100%;">
  <tr >
    <td colspan="7" border="0" style="width: 100%; text-align: left; height: 100px; vertical-align:middle;border-bottom:none;"> big cell text </td>
  </tr>
  <tr border="0">
    <td colspan="7" border="0" style="width: 100%; text-align: left; vertical-align:middle;border-top:none; "><table cellspacing="0" cellpadding="1" border="0" style="width: 100%;">
        <tr border="0">
          <td border="0" width="10%"><strong>1:</strong></td>
          <td border="0" width="90%" style="text-align: left;">text1</td>
        </tr>
        <tr border="0">
          <td border="0" width="10%"><strong>2: </strong></td>
          <td border="0" width="90%" style="text-align: left;">text2</td>
        </tr>
      </table></td>
  </tr>
  <tr border="0">
    <td colspan="5" style="width: 74%;text-align: right;">Total</td>
    <td style="width: 13%; text-align: right; height: 20px; vertical-align:middle;">a</td>
    <td style="width: 13%; text-align: right; height: 20px; vertical-align:middle;">b</td>
  </tr>
  <tr border="0">
    <td colspan="5" style="width: 74%; vertical-align:middle; text-align: center; height: 20px;"><strong>c</strong></td>
    <td colspan="2" style="width: 26%; text-align: center; height: 20px; vertical-align:middle;">d</td>
  </tr>
</table>

我怎样才能摆脱这个桌边？

2 个答案: