如何设置 <dl> 列表中项目之间的边距？答案

【问题标题】：how to style margins between items in a <dl> list?如何设置 <dl> 列表中项目之间的边距？
【发布时间】：2010-12-31 15:45:22
【问题描述】：

所以我将这个 Twitter 小部件集成到 xhtml 中。

(http://help.twitter.com/forums/10711/entries/15354)

代码是：

<dl id="twitter_update_list"></dl>

...然后是几行 javascript。

我的问题是我不知道如何在列表项之间获得任何空间。我只需要在每个项目之间添加几个 br 标签。

我假设我可以以某种方式对 dl 进行 css 样式设置，而不会与已经建立的 twitter 类发生冲突？

有什么想法吗？只需要一个解决方案。谢谢！

【问题讨论】：

标签： css twitter widget

【解决方案1】：

你试过了吗：

dl#twitter_update_list li {
  // margin, padding, line-height
}

这将对#twitter_update_list 中的所有列表项应用任何规则。我在http://www.dustindiaz.com/search/?q=from:evan 上查看了这个小部件的一个示例，发现只有每条推文都包含在div 中，其类为twtr-tweet。我不确定这是否是标准，或者这是否只是该特定用户实施此工具的方式。如果是前者，您就不会为 li 元素设置样式，而是在设置样式：

.twtr-tweet {
  // margin, padding, line-height
}

【讨论】：

嘿，还有一件事我想我会扔给你...还有关于这个 twitter 小部件集成。为什么 IE 会显示长 url（列表项中的链接）作为破坏包含的 DIV？同时 FF 只是将 url 继续到下一行，干净整洁。有什么想法吗？
这只是两个浏览器处理 URL 的方式。如果你愿意，你可以问另一个关于如何在 IE 中解决这种行为的问题 :)
你刚刚做了，非常感谢您的帮助。顺便说一句 - 第一个想法 def 工作。
解决方案：自动换行：break-word;

【解决方案2】：

display:block;padding-top:10px;padding-bottom:10px;

或

显示：块；边距顶部：10px；边距底部：10px；

如果我正确理解布局...将 size 元素设置为不同的大小，因为 10 可能还不够。

【讨论】：