如何僅在表格單元格不爲空時顯示邊框底部（CSS）

我有一個Filemaker計算，它可以生成包含多個表格的HTML頁面。如何僅在表格單元格不爲空時顯示邊框底部（CSS）

如果對某些字段中的值的計算結果的結果將是

<table> 
<tr><td>Example value 1</td></tr> 
<tr><td>Example value 2</td></tr> 
... 
</table>

如果計算髮現沒有要顯示的值，其結果將僅僅是

<table> 
</table>

在第一種情況，我想要表格在底部（或任何其他水平線）顯示邊框; 在第二種情況下，我不想在底部顯示邊框。

我無法找到一個方法來完成這件事使用CSS ...

感謝adavance :-)

來源

2010-03-14 Polarpro

你應該避免做空表。 '

'是不正確的語法，它應該至少包含一個帶有至少一個'td'的'tr'。 – 2010-03-14 11:31:46

我必須同意，解決這個問題的地方是在你的生成器中，任何只有CSS的解決方案都不會跨瀏覽器。 – 2010-03-14 11:33:13

你可以儘可能接近此，鑑於你不能改變的標記：如果您正在生成多個表，你

table tr:last td { border-bottom: solid 1px blue; }

需要這個（though less-supported）：

table tr:last-child td { border-bottom: solid 1px blue; }

雖然在IE6上沒有保證。

但是，我強烈建議您不生成一個空表，如果你可以避免它，它是無效的HTML。如果你這樣做了，你的CSS也變得更簡單了，只是給出這個表：

table { border-bottom: solid 1px blue; }

來源

2010-03-14 11:46:33

是不是'：最後孩子'？我從來不知道速記，謝謝它，如果它的工作！ +1 – alex 2010-03-14 11:55:36

@alex - 是的，如果你生成超過1張桌子，你可以切換到這個桌子，但它支持得不是很好，所以希望它是1張桌子......我會更新 – 2010-03-14 11:57:07

夥計們，非常感謝你爲您的快速幫助和意見... @Nick Craver - 感謝您的解決方案。它運作良好！下面是我的請求的原因：當用戶在我的FileMaker解決方案中打開記錄時，會生成並顯示相應的HTML代碼（在這種情況下，計算結果不能存儲在FileMaker中）。如果簡單的CSS/HTML格式化可以解決問題，我寧願讓發生器做更少的計算工作。但我會堅持不建立空表的建議 - 以避免將來發生麻煩......再次感謝。 – Polarpro 2010-03-14 12:57:24

易於使用JavaScript，但如果它必須是唯一的CSS，怎麼樣使用標籤來放置邊界？

<table> 
    <tr><td>Example value 1</td></tr> 
    <tr><td>Example value 2</td></tr> 
    ... 
    <tfoot></tfoot> 
</table>

這裏舉例： http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_tbody

來源

2010-03-14 11:33:36 BenB

如何僅在表格單元格不爲空時顯示邊框底部（CSS）

回答

相關問題