css：如何獲得同一行上的兩個標籤之間的空格？

我想在html文檔中的同一行上顯示一些標籤，它們之間有一定的空間。這確實有用。如何讓這個工作更好的方式？css：如何獲得同一行上的兩個標籤之間的空格？

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

</div>

來源

2011-12-15 user603007

嗨，你做一切看起來不錯，但你錯過了分號（;） – 2017-05-15 08:21:41

你可以換你的「標籤」在<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; 
}

來源

2011-12-15 10:23:08 peduarte

你應該在&之後使用分號。

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

來源

2011-12-15 10:22:31 Maheep

正確的非易碎空間實體 ，你忘了在最後的分號（;）。然而，要實現你想要做的事情的更好的方法是將第一標籤和第二標籤放在<span>標籤中，並使用css使它們分開，就像peduarte所建議的那樣。

來源

2011-12-15 10:24:15 codeling

對不起，但這是一個非常奇怪的方式來做到這一點。爲什麼不把這些標籤放在<p>-Tags中，並通過邊距，填充格式化間距？

來源

2011-12-15 10:25:35

試試這個：

<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; 
    }

來源

2011-12-15 10:37:26

它是否有效取決於瀏覽器;正確的符號是 用分號（如nyarlathotep所述）。但沒有休息的空間會給你很粗暴的控制。更好的方法是使用CSS，例如

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

您可以使用適合您的上下文的任何單位來調整填充右值。但通常情況下，em單元是最合適的，因爲這意味着當字體大小發生變化時，間距會自動縮放。

來源

2011-12-15 11:37:01

我很驚訝，沒有一個人提出的簡單的內嵌樣式： <div style="margin-right: 500px;">firstlabel</div>

來源

2014-11-28 17:44:40 ZSC100

哎呀，跨度標籤Jukka建議更適合，而不是div – ZSC100 2014-11-28 17:47:30

css：如何獲得同一行上的兩個標籤之間的空格？

回答

相關問題