使用vertical-align實(shí)現(xiàn)input和img對(duì)齊

來(lái)源：本站原創(chuàng)|時(shí)間：2020-01-10|欄目：CSS/HTML|點(diǎn)擊：次

將input和img放同一行，img標(biāo)簽總是比input高出一個(gè)頭，非常難看。之前試過(guò)好多方法，都不行。后來(lái)在網(wǎng)站搜到最多的就是給img添加一個(gè)align="absmiddle"屬性，這個(gè)方法似乎的確可行，但是不符合HTML標(biāo)準(zhǔn)。后來(lái)無(wú)意中發(fā)現(xiàn)同時(shí)給input和img添加vertical-align:middle就行：

復(fù)制代碼

代碼如下:

input,img{vertical-align:middle;}

這樣代碼就會(huì)規(guī)規(guī)矩矩地水平對(duì)齊了。

上一篇：深入解析HTML的table表格標(biāo)簽與相關(guān)的換行問(wèn)題

欄目：CSS/HTML

下一篇：HTML設(shè)計(jì)模式日常學(xué)習(xí)筆記整理

本文標(biāo)題：使用vertical-align實(shí)現(xiàn)input和img對(duì)齊

本文地址：http://mengdiqiu.com.cn/a1/CSS_HTML/9680.html

更多CSS/HTML