如何使用CSS將XML數據顯示爲表格？

我有下面的代碼。我想將XML代碼鏈接到樣式表，並將數據顯示在表格中。我已鏈接到樣式表，但如何在表中顯示XML數據？如何使用CSS將XML數據顯示爲表格？

<!DOCTYPE products SYSTEM "support.dtd"> 
<?xml-stylesheet href="style.css"?> 

<products> 
    <product>Widows XP</product> 
    <product>Windows Vista</product> 
    <product>Windows 7</product> 
    <product>Windows Server 2003</product> 
    <product>Windows Server 2008</product> 
    <product>Debian Linux</product> 
    <product>RedHat Linux</product> 
    <product>VMware Virtulization</product> 
    <product>Microsoft Hyper-V</product> 
</products>

來源

2012-02-01 Jon

要在表格中顯示給定數據，使用

products { display: table; } 
product { display: table-cell; }

這將顯示數據作爲一個行的表。例如，要在單元格周圍添加邊框，請添加

product { border: solid 1px; }

來源

2012-02-01 06:28:07

非常感謝。另外一個問題是，如何在表中添加標題並將它們連續顯示，以便每個產品都可以一個接一個地列出來，然後顯示標題OS，然後顯示Windows XP Windows Vista Windows 7 等等。 – Jon 2012-02-01 14:57:48

如果您需要添加內容，XSL可能是一個更好的工具，但對於簡單的靜態文本，您可以使用生成的內容，例如， 'products：before {display：table-cell;內容：「OS」; font-weight：bold; border：solid 1px;}' – 2012-02-01 15:12:45

如何使用CSS將XML數據顯示爲表格？

回答

相關問題