css – 具有内联对的定义列表

前端之家收集整理的这篇文章主要介绍了css – 具有内联对的定义列表前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试创建术语定义对的定义列表,每一对都存在于单独的一行中.我已经尝试使dts和dds显示:内联,但是我失去了对之间的换行符.如何确保每一对都有一行(而不是每个单独的术语/定义)?

例:

<dl>
<dt>Term 1</dt><dd>Def 1</dd>
<dt>Term 2</dt><dd>Def 2</dd>
</dl>

收益:

Term 1 Def 1
Term 2 Def 2

将它们内联的CSS将是:

dt,dd{display:inline;}

收益:

Term 1 Def 1 Term 2 Def 2

…这不是我想要的(丢失的对之间的换行).

解决方法

尝试这个:
dt,dd { float: left }
dt { clear:both }

如果您想要更多的空间,请将边距底部添加到dt dd

猜你在找的CSS相关文章