-1

这是 HTML

<table class = "contact-table">
  <tr>
      <th>First Name(*):</th>
      <td>
          <asp:Label ID="lblFirstName" runat="server" ></asp:Label>
      </td>
  </tr>
  <tr>
      <th>Middle Name</th>
      <td>
          <asp:Label ID="lblMiddleName" runat="server" ></asp:Label>
      </td>
  </tr>
  <tr>
      <th>Last Name(*):</th>
      <td>
         <asp:Label ID="lblLastName" runat="server" ></asp:Label>
      </td>
  </tr>
</table>

这是CSS

.contact-table th,
.contact-table td
{
   border: 1px Black solid;      
}

对于FF和Chrome，一切正常，即th和td周围有 1px 的黑色边框。但是，对于 IE，只有有内容的 td 才有边框。

有什么理由吗？

编辑

当我添加这个.contact-table td span

.contact-table th,
.contact-table td,
.contact-table td span 
{
   border: 1px Black solid;      
}

空单元格在 IE 中具有边框，但那些之前有边框的单元格在单元格内有一个额外的边框。

编辑

当我以这种方式改变规则时

.contact-table th,
.contact-table td span 
{
   border: 1px Black solid;      
}

.contact-table td span 
{
   width: 100%;      
}

它适用于 IE，但 FF 和 Chrome 现在显示仅包含文本的小边框。

有没有办法告诉 css 根据浏览器应用不同的规则？

4

1 回答 1

1

你有empty-cells: show定吗？

请参阅：http: //msdn.microsoft.com/de-de/library/ie/cc848860 (v=vs.85).aspx

于 2013-02-18T16:22:09.750 回答