CSS中,想要實現文字居中而圖標靠右是一件很常見的事情。這篇文章就介紹一下如何實現這個效果。
代碼如下: .icon { display: inline-block; vertical-align: middle; float: right; } .text { display: inline-block; vertical-align: middle; text-align: center; }
首先,需要將圖標和文字都設置成inline-block,讓它們可以在同一行并保持水平居中。然后,使用vertical-align: middle讓它們在垂直方向上居中對齊。
接下來,將圖標設置成float: right,讓它靠在文字的右側。
最后,將文字使用text-align: center進行居中對齊。
這樣就可以實現文字居中而圖標靠右的效果了。通過合理的CSS樣式調整,還可以實現更多樣式的文字+圖標組合呈現。
下一篇mysql生成從數據庫