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

來源:酷知科普網 6.7K

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

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

操作方法

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

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

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

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

特別提示

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

熱門標籤