課程
/前端開發
/Bootstrap
/玩轉Bootstrap(基礎)
<span class="glyphicon glyphicon-heart ">123</span>
如果在圖標后面加字的話 ?怎么讓他們上下居中 ?或者調整字和圖標的上下間距 ?感覺圖標和字位置很不和諧
2016-02-20
源自:玩轉Bootstrap(基礎) 3-26
正在回答
建議不要直接把文字放在有圖標class的標簽元素內,bootstrap里面對于默認的圖標 .glyphicon沒有關于字體行高的設置,把文字放在那里面肯定會不和諧的,可以嘗試把所需要的文字標簽和圖片標簽同時放在一個具有字體行高樣式的標簽內,例如下面放在h1標簽內
<h1>我是個紅心
? ? <span class="glyphicon glyphicon-heart" style="color:#ff0000"></span></h1>
使用margin試試
NASHENMEAINI 提問者
舉報
告訴你使用Bootstrap,并且能夠獨立定制出適合自己的Bootstrap
4 回答不加狀態文字,圖標錯位,該怎么解決呀?
2 回答怎么知道圖標的名字?
2 回答為什么我在bootstrp中文網上下的3.3.7版本顯示不出后面的圖標?
1 回答label標簽后面的字體怎么是黑色的
1 回答關于文字加粗
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-08-19
建議不要直接把文字放在有圖標class的標簽元素內,bootstrap里面對于默認的圖標 .glyphicon沒有關于字體行高的設置,把文字放在那里面肯定會不和諧的,可以嘗試把所需要的文字標簽和圖片標簽同時放在一個具有字體行高樣式的標簽內,例如下面放在h1標簽內
<h1>我是個紅心
? ? <span class="glyphicon glyphicon-heart" style="color:#ff0000"></span></h1>
2016-02-20
使用margin試試