css - 如何在 ul li 内添加间距

标签 css html-lists spacing

请参阅 fiddle ( http://jsfiddle.net/Jk6Bk/5/ )

我想在“Leonard”和“X”(删除按钮)之间添加一些间距。

我在 css 中尝试了 margin-leftul li a 元素,但这似乎不起作用。

我在这里错过了一些愚蠢的东西,知道它是什么吗?

最佳答案

您需要做的就是将 margin-left 添加到 .button 类本身:

.button {
    display: inline-block;
    zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
    *display: inline;
    vertical-align: baseline;
    margin-left: 50px;
    ...
}

已更新jsFiddle .

关于css - 如何在 ul li 内添加间距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6757419/

相关文章:

css - 如何在 Sitefinity radmenu 中平均放置导航按钮

css - Zurb 基础从右 div 中删除左填充

javascript - 如何通过拖动整个底部边框线而不是 react 中的右下角来调整div高度?

javascript - 如何使页面中的元素与另一个元素具有完全相同的视觉宽度?

c# - 我应该以编程方式内联所有 CSS 文件以优化页面加载速度吗?

css - 为什么我的 CSS 用于删除类上的 border-right 被忽略?

html - 将鼠标悬停在 li 上时更改颜色

javascript - 当 css 样式为高度 : 100%; and overflow: scroll; 时检测滚动及其方向

css - 包含 <a href> 和 <span> 作为可点击链接的整个 <li> 元素

swift - NavigationBar 和 TableView 之间的额外空间