0
我在我的網站上的鏈接旁邊使用了Font Awesome圖標,並且我無法弄清楚如何強制鏈接的第一個單詞與同一行保持同一行圖標。在HTML中同一行上保留一個圖標和一個單詞
下面是一個例子的jsfiddle http://jsfiddle.net/un5hwhca/
我試圖用
,讓他們在一起,但它沒有這樣做的伎倆,因爲你可以在截圖中看到,它只是讓推到下一行的開始。
我在我的網站上的鏈接旁邊使用了Font Awesome圖標,並且我無法弄清楚如何強制鏈接的第一個單詞與同一行保持同一行圖標。在HTML中同一行上保留一個圖標和一個單詞
下面是一個例子的jsfiddle http://jsfiddle.net/un5hwhca/
我試圖用
,讓他們在一起,但它沒有這樣做的伎倆,因爲你可以在截圖中看到,它只是讓推到下一行的開始。
這個CSS添加到您的鏈接:
style="white-space: nowrap;"
或者,如果你只是想形象,第一個字粘在一起,而是讓鏈接包裹的其餘部分,將圖像和第一個字放在span
中,然後將樣式應用於該樣式,而不是像
<a href="https://en.wikipedia.org/wiki/Asteroids_(video_game)" target="_blank">
<span style="white-space: nowrap;">
<i class="fa fa-external-link"></i>
some
</span>
very interesting Asteroids
</a>
[Fiddle]
有沒有一種方法可以使用這種方式,以便鏈接正常後第一個字(因此它只適用於'&nbsp',基本上)? – zsmb13
你可以將圖像' ';和第一個單詞放在'span'中,並將'style =「white-space:nowrap;」'應用於那個 - [fiddle](https://jsfiddle.net/un5hwhca/4 /) – Siguza
@Siguza不錯的一個... – akash