Question

我试图在html文档的同一行中显示一些标签，它们之间有相当大的空间。这确实有效。如何以更好的方式工作？

<div>
firstlabel &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp secondlabel

</div>

Answer 1

您可以将{标签'包装在<span>代码中，为其提供类，然后使用CSS添加margin。

此处示例：http://jsfiddle.net/peduarte/Rf5kB/

HTML

<div>
    <span class="firstLabel">firstlabel</span>
    <span class="secondLabel">secondlabel</span>
</div>

CSS

.firstLabel {
    margin-right: 50px;
}

Answer 2

试试这个：

<div class="main">
    <div class="left">firstlabel</div>
    <div class="right">secondlabel</div>
</div>

.main{
   width:220px;
    }
.left{
    width:110px;
    float:left;
    text-align:left;
    }
.right{
    width:110px;
    float:right;
    text-align:right;
    }

Answer 3

您应该在＆amp; nbsp。

之后使用分号

<div>
firstlabel &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; secondlabel
</div>

Answer 4

正确的不可破坏空间实体是 ，你忘记了末尾的分号（;）。但是，更好的方法是实现您想要做的事情，将第一标记和第二标记括在<span>标记中并使用css使它们分开，就像peduarte所建议的那样。

Answer 5

很抱歉，这是一个非常怪异的方法。为什么不将这些标签放在<p>-Tags中并通过边距，填充格式化间距？

Answer 6

是否有效取决于浏览器;正确的符号是 带分号（如nyarlathotep所述）。但是不间断的空间可以让你非常粗略地控制。更好的方法是使用CSS，例如

<div><span style="padding-right: 5em">firstlabel</span>secondlabel</div>

您可以使用适合您的上下文的任何单位来调整padding-right值。但通常情况下，em单位是最合适的，因为这意味着当字体大小改变时间距会自动缩放。

Answer 7

我很惊讶没有人建议简单的内联样式： <div style="margin-right: 500px;">firstlabel</div>

Answer 8

<label >Subscription Expiry: 2019=04-30 00:00:00<br><br></label>

订阅类型：付费

css：如何在同一行的2个标签之间获取空格？

8 个答案: