如何使用大字體 - 真棒圖標垂直居中文字？可以說我有一個帶有字體真棒圖標和一些文字的引導按鈕：<div>
<i class='icon icon-2x icon-camera'></i>
hello world</div>如何使文本垂直居中顯示？文本現在與圖標的下邊緣對齊：http：//jsfiddle.net/V7DLm/1/
3 回答
白板的微信
TA貢獻1883條經驗 獲得超3個贊
我99％的時間都在文本旁邊使用圖標，所以我在全局范圍內進行了更改：
.fa-2x {
vertical-align: middle;}根據需要將3x，4x等添加到相同的定義中。
暮色呼如
TA貢獻1853條經驗 獲得超9個贊
在考慮了所有建議的選項后，最干凈的解決方案似乎是設置行高和垂直對齊所有內容：
CSS：
div {
border: 1px solid #ccc;
display: inline-block;
height: 50px;
margin: 60px;
padding: 10px;}#text, #ico {
line-height: 50px;}#ico {
vertical-align: middle;}- 3 回答
- 0 關注
- 911 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消