如何使用CSS将XML数据显示为表格?

时间:2012-02-01 05:49:43

标签: css xml

我有以下代码。我想将XML代码链接到样式表,并在表中显示数据。我已链接到样式表,但如何在表格中显示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>

1 个答案:

答案 0 :(得分:6)

要在表格中显示给定数据,请使用

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

这将数据显示为一行表。例如,要在单元格周围添加边框,请添加

product { border: solid 1px; }