CSS解決文字與圖片不能水平居中對齊的問題
發(fā)布時間：2014-05-31 16:15:40 作者：佚名 
我要評論
我要評論在文字旁邊加上一個圖標(biāo)，通過css如何解決文字與圖片不能水平居中對齊的問題，下面有個示例，大家可以參考下
在 HTML 代碼中，有時會需要在文字旁邊加上一個圖標(biāo)。
默認(rèn)情況，是圖片置頂對齊，文字置底對齊，所以通常圖片高，文字低，不能水平居中對齊
解決辦法：在css中設(shè)置圖片的vertical-align屬性，
<img src="" style="vertical-align:text-bottom" />
默認(rèn)情況，是圖片置頂對齊，文字置底對齊，所以通常圖片高，文字低，不能水平居中對齊
解決辦法：在css中設(shè)置圖片的vertical-align屬性，
復(fù)制代碼
代碼如下:<img src="" style="vertical-align:text-bottom" />
相關(guān)文章
- 這篇文章主要為大家介紹了CSS實現(xiàn)同一行的圖片和文字垂直居中對齊的方法,涉及css中vertical-align:middle屬性的使用技巧,需要的朋友可以參考下2015-05-12
- 垂直居中對齊在網(wǎng)頁布局中非常實用，下面有段css代碼，個人感覺還不錯，大家可以參考下2014-02-08
- 如何讓input輸入框與img在同一行居中對齊，由于經(jīng)常會使用到，默認(rèn)情況下將input和img放同一行，img標(biāo)簽總是比input高出一個頭，很難看，大家可以參考下本文或許有所幫助2013-10-09
通過css使用background-color為背景圖添加遮罩效果的兩種方法
這篇文章主要介紹了通過css使用background-color為背景圖添加遮罩效果的兩種方法,需要的朋友可以參考下2018-07-12SCSS移動端頁面遮罩層效果的實現(xiàn)及常見問題解決
這篇文章主要介紹了SCSS移動端頁面遮罩層效果的實現(xiàn)及常見問題解決,使用CSS的預(yù)處理器框架SCSS寫起來比原生CSS會來得更加簡便一些,需要的朋友可以參考下2016-06-09
本文通過實例代碼給大家介紹了css遮罩全屏居中對齊的實現(xiàn)方式，代碼簡單易懂，非常不錯，具有一定的參考借鑒價值，需要的朋友參考下吧2018-07-16
