如何使用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数据显示为表格？

回答

相关问题