網站首頁 健康小知識 母嬰教育 起名 運動知識 職場理財 情感生活 綠色生活 遊戲數碼 美容 特色美食 愛好
當前位置:酷知知識幫 > 遊戲數碼 > 電腦

如何讓HTML中的文字與圖標居中對齊

欄目: 電腦 / 發佈於: / 人氣:6.39K

在做網頁的時候,經常會需要在某段文字前加上一個圖標。然後就會發現添加的圖標和文字的位置不齊,文字總是比圖標低點

如何讓HTML中的文字與圖標居中對齊

操作方法

(01)方法一:設置img的vertical-align屬性為top

如何讓HTML中的文字與圖標居中對齊 第2張

(02)方法二:設置img的margin-bottom屬性為-3px

如何讓HTML中的文字與圖標居中對齊 第3張

特別提示

方法二如果圖片比較大可以將值設置大一些