DT有多个DD在右边

DT有多个DD在右边

本文介绍了DT有多个DD在右边?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

基本上我想在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;
}



参考文献:




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:

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

10-25 04:53