Question

我想在'Leonard'和'X'（删除按钮）之间添加一些间距。

我在margin-left元素的css中尝试了ul li a，但这似乎不起作用。

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

Answer 1

您需要做的就是将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。

Answer 2

将您的选择器ul li a更改为ul li a.button
.button选择器比ul li a更具体，其余量超越。

来自html Dog: Specificity我们可以为这些类提供以下权重：

.button体重：10
ul li a体重：3
ul li a.button体重：13

因此，通过指定一个类，myou可以覆盖margin类

.button

Answer 3

尝试加入non-breaking space

<li>Leonard &nbsp;&nbsp; <input type='image' src='x.png'></li>

Answer 4

请添加display：block;在您的ul li a CSS中，只有边距权限才能正常工作

ul li a{
    float:right;
    display:block;

    margin-left:20px;
}

Answer 5

在此处查看：http://jsfiddle.net/thilakar/Jk6Bk/10/

<li class="ui-state-default cloneable"><label style="float:left; width:100px;">Bob</label><span class="ss"><a href="#" class="button small bigrounded red" onclick="removePersonFromList(this);return false;">X</a></span></li>


                <li class="ui-state-default cloneable"><label style="float:left; width:100px;">Leonard</label><span><a href="#" class="button small bigrounded red" onclick="removePersonFromList(this);return false;">X</a></span></li>


                    <li class="ui-state-default cloneable"><label style="float:left; width:100px;">Boris</label><span><a href="#" class="button small bigrounded red" onclick="removePersonFromList(this);return false;">X</a></span></li>

上面我已经编辑了

<label style="float:left; width:100px">your content</label><span>your content</span>

对于我使用它的每一个人。我希望你明白。感谢

Answer 6

.button上的保证金超过了a的保证金。只需从.button中删除保证金规则。

如何在ul li中添加间距

6 个答案: