當前位置:妙知谷 >

遊戲數碼 >電腦 >

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

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

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

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

操作方法

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

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

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

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

特別提示

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

標籤: HTML 圖標 對齊 居中
  • 文章版權屬於文章作者所有,轉載請註明 https://miaozhigu.com/sm/diannao/5mo3x.html