样式定义水平列出,术语在定义之上

时间:2012-08-28 15:03:49

标签: html css html5 css3 stylesheet

我有一段代码,比如说

<dl>
   <dt>term 1</dt>
   <dd>My data</dd>
   <dt>term 1</dt>
   <dd>My data</dd>
   <dt>term 1</dt>
</dl>

使用css(3),我如何实现排序,以便订单如此?

Definition    Definition    ......
Term          Term

谢谢大家!

2 个答案:

答案 0 :(得分:2)

如果它们具有固定的宽度和高度,或者如果它们不需要换行到下一行,则应该可以进行一些黑客攻击:

http://jsfiddle.net/GolezTrol/hN34S/

答案 1 :(得分:0)

没有额外的包装元素就无法做到这一点。这是一个非常好的网站样式定义列表:http://www.maxdesign.com.au/articles/definition/