之間的空白如何提供嵌套在一個span
不使用CSS,而不是與<code> </code>打破文字和<a>
<span>
<label> this is xyz</label>
<a href ="">
</span>
我想這樣做文本元素和<a>
標籤之間的所有非打破空白;
另外我已經嘗試使用white-space
的所有組合,但它不是什麼好。
之間的空白如何提供嵌套在一個span
不使用CSS,而不是與<code> </code>打破文字和<a>
<span>
<label> this is xyz</label>
<a href ="">
</span>
我想這樣做文本元素和<a>
標籤之間的所有非打破空白;
另外我已經嘗試使用white-space
的所有組合,但它不是什麼好。
如果你想使用CSS,看到white-space屬性:
<span style="white-space:nowrap">
<label>this is xyz</label>
<a href="http://www.stackoverflow.com">Stack Overflow</a>
</span>
您可以設置標籤的保證金,並設置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;
}
這不會使元素之間的空格不中斷。 –
增加了'white-space:nowrap'來更正 –
請使用follwing CSS和HTML: -
HTML: -
<span>xyz<a href="http:ggogle.com">LINK</a></span>
CSS: -
a:before
{
content:" ";
}
a{text-decoration:none;}
刪除'a'前的時間段,這使得它尋找類名'a' –
感謝帕特里克,只是錯誤 –
提供一些相關的HTML/CSS請。 –
請提供有效的,有意義的HTML。 –
OP從一開始就提供了代碼,但標記使其隱藏起來。無需關閉該帳戶。 – Boaz