Question

我使用XMetaL 6.0使用有限的CSS子集显示样式化XML。我有责任做的一件事是以不带边框的表格格式显示定义列表。我想要实现的是类似于http://www.the-art-of-web.com/css/format-dl/#section_2的示例2。但是，我仅限于http://na.justsystems.com/webhelp/en/xmetaldeveloper/cg/6.0/cg.html#View%20support%20for%20properties%20and%20selectors中描述的CSS子集。有没有人对我如何最好地解决这个问题有任何建议？

仅仅是为了举例，如果有人要求，我们可以说这个代码片段的xml是这样的：

<dl>
  <di>
    <dt>first item</dt>
    <dd>
      <p>definition for first item in list</p>
    </dd>
  </di>
  <di>
    <dt>second item</dt>
    <dd>
      <p>definition for second item in list</p>
      <p>extending across more than one line</p>
    </dd>
  </di>
  <di>
    <dt>third item</dt>
    <dd>
      <p>definition for third item in list</p>
    </dd>
  </di>
</dl>

任何建议都将不胜感激。如果我能提供任何其他详细信息，请与我们联系。

Answer 1

根据XMetal规范，您可以使用table等方式将元素设置为display:table;个样式。Read more here。

所以你可以这样做

dl {
    display: table;
}

di{
    display:table-row;
}

dt{
    display:table-cell;
    font-weight:bold;
    padding-right:15px;
}

dd{
    display:table-cell;
    padding-bottom:10px;
}

示例： http://jsfiddle.net/jasongennaro/E5yG8/

如何使用XML和有限的CSS子集以表格格式显示定义列表？

1 个答案: