雷火电竞-中国电竞赛事及体育赛事平台

歡迎來到入門教程網(wǎng)!

CSS/HTML

當前位置:主頁 > 網(wǎng)頁制作 > CSS/HTML >

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

來源:本站原創(chuàng)|時間:2020-01-10|欄目:CSS/HTML|點擊:

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


復制代碼
代碼如下:

input,img{vertical-align:middle;}

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

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

欄    目:CSS/HTML

下一篇:HTML設(shè)計模式日常學習筆記整理

本文標題:使用vertical-align實現(xiàn)input和img對齊

本文地址:http://www.jygsgssxh.com/a1/CSS_HTML/9680.html

網(wǎng)頁制作CMS教程網(wǎng)絡(luò)編程軟件編程腳本語言數(shù)據(jù)庫服務器

如果侵犯了您的權(quán)利,請與我們聯(lián)系,我們將在24小時內(nèi)進行處理、任何非本站因素導致的法律后果,本站均不負任何責任。

聯(lián)系QQ:835971066 | 郵箱:835971066#qq.com(#換成@)

Copyright © 2002-2020 腳本教程網(wǎng) 版權(quán)所有