CSS Trick在單元格不爲空時顯示錶格和單元格的邊框，並且不顯示任何邊框

有沒有什麼方法可以確保只有當單元格不爲空時，它所包含的表格和單元格纔有邊框？如果表格中的所有單元格均爲空，則不應顯示邊框。CSS Trick在單元格不爲空時顯示錶格和單元格的邊框，並且不顯示任何邊框

來源

2008-11-26 SharePoint Newbie

查看empty-cells的CSS屬性。

來源

2008-11-26 19:10:14 strager

空單元格仍顯示錶格邊框。 – 2008-11-26 19:13:59

給空單元格一個類名稱和非空單元格另一個。一個類指定了一個邊界，另一個沒有。

來源

2008-11-26 19:08:59

沒有對HTML控件。只需控制該CSS，並將該類應用於該表。 – 2008-11-26 19:14:53

據我所知，這不在CSS的能力之內，我能想到的最好的選擇是通過服務器端代碼動態應用類，或者通過JavaScript填充數據，或者通過JavaScript已被加載到瀏覽器中。

來源

2008-11-26 19:09:09

它看起來像由strager建議的空細胞屬性可能會伎倆。如果它沒有做你需要的，我會看看使用一些聰明的JavaScript庫，如jQuery。你可以設置一個鉤子來更新單元格的邊框樣式爲getBorderStyle（this）當這個單元格的內容改變時。如果你選擇你所有的單元格（你可以使用一個css選擇器），並添加一個更改鉤子來運行你編寫的一個函數叫做updateBorder（）或者其他一些類似的東西，你應該很好。我想它會是這樣的：

$("table.someClass td").change(function() { updateBorder(this) })

來源

2008-11-26 19:14:28 Benson

單元格邊框的渲染部分取決於您是否正在摺疊邊框。如果它們沒有摺疊，如果沒有單元格內容，邊框默認情況下不顯示。這可以通過使用CSS屬性empty-cells進行切換。

如果您正在摺疊邊框，則會釋放基於單元格內容的邊框顯示控件的細節。

來源

2008-11-26 19:17:22 Binarytales

用純CSS做到這一點的唯一方法依賴於一個非常現代的瀏覽器。您需要使用CSS高級選擇器來完成此操作。例如，您可以使用tr：empty來查找其中沒有子元素的單元格，對於純文本，您需要做更多操作。

不幸的是，這些只存在於CSS3中，所以如果你不能使用JavaScript或觸摸標記，那麼你只能在最新的瀏覽器中完成。

要了解更多有關CSS3選擇Click Here

來源

2008-11-26 19:23:41

CSS Trick在單元格不爲空時顯示錶格和單元格的邊框，並且不顯示任何邊框

回答

相關問題