0

嘿，我有一个小问题，我已经设置

border: none;
border-width: 0px;
border-spacing: 0px;
border-collapse: collapse;
padding: 0px;
margin: 0px;

对于table，td和tr，但是tr节点之间仍然存在1px的边框。

html代码：

<table>
  <tr>
    <td>
      <a href='url'> some text </a>
    </td>
    <td>
      <a href='url'> some text </a>
    </td>
  </tr>
</table>

因为我已经设置

display: block;
color: white;
font-size: 13px;
text-decoration: none;
height: 24px;
padding: 9px 19px 1px;
font-weight: 600;
text-align: center;

将填充更改为 0，不给出任何结果。

有什么解决办法吗？

浏览器：最后一个chrome，firefox。

操作系统 MAC 操作系统 10.8

4

3 回答 3

0

您需要border-collapse: collapse;输入表格样式和border-spacing: 0px; padding: 0px;单元格。请参阅下面的示例代码。

<!DOCTYPE html>
<html>
    <head>
    <meta charset="UTF-8">

    <style>
        table {border-collapse: collapse;}
        table tr {}
        table td {border-spacing: 0px; padding: 0px;}
    </style>

</head>
<body>


    <table>
       <tr>
          <td>
             <a href='url'> some text </a>
          </td>
          <td>
             <a href='url'> some text </a>
          </td>
       </tr>
    </table>
</body>
</html>
于 2013-01-10T08:47:02.420 回答
0

尝试使用：

border-style: none;

请注意，这在某些版本的 IE 中不起作用。IE9 很好，但在以前的版本中，即使样式为“无”，它也会显示边框

border: 0;

似乎适用于所有浏览器...

于 2013-01-10T08:42:36.693 回答
0

我认为你的代码是正确的？

这是你想看的吗？

这是你想要的吗？

环境

border-collapse:collapse;
border:none;

足够的..

于 2013-01-10T09:00:59.207 回答