2013-09-23 120 views
2

之間的空白如何提供嵌套在一個span不使用CSS,而不是與<code>&nbsp</code>打破文字和<a>

<span> 
    <label> this is xyz</label> 
    <a href =""> 
</span> 

我想這樣做文本元素和<a>標籤之間的所有非打破空白;

另外我已經嘗試使用white-space的所有組合,但它不是什麼好。

+2

提供一些相關的HTML/CSS請。 –

+1

請提供有效的,有意義的HTML。 –

+2

OP從一開始就提供了代碼,但標記使其隱藏起來。無需關閉該帳戶。 – Boaz

回答

0

如果你想使用CSS,看到white-space屬性:

<span style="white-space:nowrap"> 
    <label>this is xyz</label> 
    <a href="http://www.stackoverflow.com">Stack Overflow</a> 
</span> 
+2

_「我也嘗試過使用白色空間的所有組合:但沒有任何好處。」_ – j08691

+2

@ j08691我看到了這個音符,但無論如何,我認爲這是正確的解決方案。 OP提到他嘗試了它並沒有奏效的事實並不意味着它不起作用。他可能會嘗試錯誤的元素。 – dcro

1

您可以設置標籤的保證金,並設置white-space:nowrap以防破裂,如果空白財產的心不是那麼工作可能有其他可能會干擾它的樣式,或者甚至是其他html元素,因爲您的問題中當前的代碼不完整,我們無法看到完整標記的外觀和告訴。

例如,如果某些樣式將您的錨點標記設置爲塊元素(display:block;),這將導致它甚至在white-space屬性下也會破壞爲新行。嘗試添加在display:inline的風格以及看它是否有助於

HTML

<span> 
    <label> this is xyz</label> 
    <a href ="">some text</a> 
</span> 

CSS

span { 
    white-space:nowrap; 
} 
span a { 
    margin-left:10px; 
    margin-right:10px; 
    display:inline; 
} 

JSFiddle Demo

+1

這不會使元素之間的空格不中斷。 –

+0

增加了'white-space:nowrap'來更正 –

1

請使用follwing CSS和HTML: -

HTML: -

<span>xyz<a href="http:ggogle.com">LINK</a></span> 

CSS: -

a:before 
{ 
content:" "; 
} 
a{text-decoration:none;} 

見小提琴: - http://jsfiddle.net/npsingh/TJhh7/2/show

+0

刪除'a'前的時間段,這使得它尋找類名'a' –

+0

感謝帕特里克,只是錯誤 –

相關問題