我有以下html:
<dl> <dt>Item 1</dt> <dd> <ul> <li>Value 1</li> </ul> </dd> <dt>Item 2</dt> <dd> <!-- this item is missing a value --> </dd> <dt>Item 3</dt> <dd> <ul> <li>Value 1</li> <li>Value 2</li> <li>Value 3</li> </ul> </dd> </dl>
我想把它放在一起(而不是将术语和定义相互排列在一起的正常的dl):
Item 1 Value 1 Item 2 Item 3 Value 1 Value 2 Value 3
哪个不是问题问题是我想在每个术语/定义对之间添加一个边距.问题是定义的高度不一样(它们的范围介于0到5列表项之间),所以我不能在dd标签上应用相同的边距.
解决方法
这个怎么样?
dt,dd { display: block; float: left; margin-top: 20px; } dt { clear: both; }
原文地址:https://www.jb51.cc/css/217109.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。