DT有多个DD在右边？ [英] DT with multiple DD on the right?

问题描述

基本上我想在HTML中实现类似这样的事情：

 描述：元素＃1 
元素＃2 
元素＃3 [最终bla bla bla] 
 [...] 
  

使用表格是个玩笑：

 < table> 
< tr> 
< td>说明< / td> 
< td>元素＃1< br>元素＃2< br>元素＃3 [最终bla bla bla]< / td> 
< / tr> 
< / table> 
  

但是我应该使用表还是？

解决方案

这并不难，只记得你的combinators：

  dt { 
 float：left; 
 width：8em; 
} 
 
 dd {
 margin-left：9em; 
} 
 
 dd + dd {
 margin-left：9em; 
} 
  

JS Fiddle演示。

参考文献：

• E + F ，adajacent-兄弟选择器。
  

Basically I would like to achive something like this in HTML of course:

  Description:  Element #1
                Element #2
                Element #3 [eventually bla bla bla]
                [...]

With table it's a joke:

<table>
  <tr>
   <td>Description</td>
   <td>Element #1<br>Element #2<br>Element #3 [eventually bla bla bla]</td>
  </tr>
</table>

But should I use the table or ?

解决方案

This isn't that hard, just remember your combinators:

dt {
    float: left;
    width: 8em;
}

dd {
    margin-left: 9em;
}

dd + dd {
    margin-left: 9em;
}

JS Fiddle demo.

References:

• E + F, adajacent-sibling selector.

这篇关于DT有多个DD在右边？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！