在網(wǎng)頁設(shè)計中，CSS字體圖標(biāo)往往被用于裝飾按鈕、導(dǎo)航欄等元素，它們不但具備良好的可擴展性和跨平臺性，還能在不占用圖片資源的情況下，為網(wǎng)頁提供多樣化的圖標(biāo)選擇。不過，有時候我們想將字體圖標(biāo)靠右顯示，這就需要用到CSS的一些技巧。 首先，在HTML中為我們要使用的字體圖標(biāo)添加class，例如：

<i class="iconfont icon-like"></i>

其中，icon-like表示的是我們所需要的圖標(biāo)，而iconfont則是字體圖標(biāo)庫的樣式。接下來，我們需要使用CSS來調(diào)整字體圖標(biāo)的位置。常見的方法有兩種： 第一種方法是使用float屬性。通過設(shè)置字體圖標(biāo)的float為right，即可將它靠右顯示。例如：

.icon-like {
font-size: 16px;
float: right;
}

該代碼中，我們設(shè)置了字體圖標(biāo)的字體大小為16px，同時使用float:right來使其靠右排列。 第二種方法是使用文字對齊屬性。通過設(shè)置元素的text-align屬性為right，可以將內(nèi)部文字與字體圖標(biāo)都靠右對齊。例如：

.icon-like-wrap {
font-size: 16px;
text-align: right;
}
 .icon-like {
display: inline-block;
}

在該代碼中，我們將字體圖標(biāo)放在一個包裹元素中（例如一個div），并為其設(shè)置了text-align:right。這樣一來，包裹元素中的所有元素都會被靠右對齊。而為了避免其它元素受到影響，我們需要為字體圖標(biāo)設(shè)置display:inline-block。 通過以上兩種方法，我們可以輕松將字體圖標(biāo)靠右顯示，實現(xiàn)網(wǎng)頁設(shè)計的多樣化。