iPad瀏覽器上的空單元格

我在有時具有空單元格的網頁中有一個表格。在我的筆記本電腦上的Firefox瀏覽器上查看時，即使它們是空的，也會繪製這些單元格的邊框。當我在iPad3 Safari瀏覽器上查看它時，它不會。iPad瀏覽器上的空單元格

我發現CSS empty-cells:show我認爲可能是解決方案，雖然文檔確實暗示show是默認設置。我想也許iPad瀏覽器可能有不同的默認設置，所以我嘗試了它，但沒有任何區別。

iPad3上的Safari瀏覽器是否注意CSS empty-cells:show？還有什麼我應該做的，讓我的空單元格邊框？在這種情況下，我無法訪問html，因此我無法在空白單元格中添加 以使它們不爲空，所以我需要一個CSS解決方案（或確認沒有CSS解決方案）。

table { 
 
    empty-cells: show; 
 
} 
 
td { 
 
    border-bottom: 1px blue inset; 
 
    border-left: 1px blue inset; 
 
    border-spacing: 1px 1px; 
 
}

<html> 
 
    <head> 
 
    </head> 
 
    <body> 
 
     <table> 
 
     <tr> 
 
      <td>test data</td> 
 
      <td>more data</td> 
 
      <td></td> 
 
      <td>after the empty cell</td> 
 
     </tr> 
 
     <tr> 
 
      <td>test data</td> 
 
      <td>more data</td> 
 
      <td>and more</td> 
 
      <td>after the empty cell</td> 
 
     </tr> 
 
     </table> 
 
    </body> 
 
    </html>

來源

2015-04-23 Morag Hughson

您可以包含您的表的代碼以及與該表有關的CSS（包括空單元格聲明）嗎？ – BoltClock

按要求添加代碼。有趣的是，當我通過iPad查看THIS頁面時，它顯示正確，但SO以外的相同HTML和CSS沒有。是什麼賦予了？ –

以下屬性添加到您的表。 border-collapse：collapse; 這將爲所有單元繪製邊框，即使它們是空的。也應該在Safari上工作。

table { 
    empty-cells: show; 
    border-collapse: collapse; 
} 
td { 
    border-bottom: 1px blue inset; 
    border-left: 1px blue inset; 
    border-spacing: 1px 1px; 
}

來源

2016-08-12 16:47:11

iPad瀏覽器上的空單元格

回答

相關問題