vertical-align垂直對(duì)象方式- vertical-align:是行內(nèi)元素和行內(nèi)塊元素的專(zhuān)有屬性- 控制行內(nèi)元素、行內(nèi)塊元素枷莉、文字垂直對(duì)齊娇昙，對(duì)塊元素?zé)o效? - baseline默認(rèn)? - top 頂對(duì)齊? - bottom 底對(duì)齊? - middle 垂直居中對(duì)齊- vertical-align:baseline:清除圖片底部的縫隙，只需要將vertical-align的值設(shè)置為除了baseline(基線(xiàn)以外的值)都可以笤妙，或者將圖片轉(zhuǎn)換為塊元素冒掌，也能清除圖片底部的縫隙- top 頂對(duì)齊- middle 垂直居中對(duì)齊- bottom 底對(duì)齊- 行內(nèi)塊垂直對(duì)齊 浮動(dòng)和vetical-align，文本框和按鈕 圖片和input但是最好都設(shè)置一下蹲盘，延伸宋渔，input是無(wú)法頂端對(duì)齊的，因他會(huì)按照默認(rèn)字體大小的基線(xiàn)對(duì)齊辜限，所以會(huì)有空隙皇拣，，關(guān)于圖片底部默認(rèn)縫隙可以用vam或者把圖片轉(zhuǎn)變成塊級(jí)元素- 行內(nèi)塊在父元素里面垂直居中，行高等于父親高度氧急，再給行內(nèi)塊盒子設(shè)置vam就能實(shí)現(xiàn)行內(nèi)塊垂直居中- a鏈接的文字大小盡量寫(xiě)在父元素上進(jìn)行繼承颗胡，否則會(huì)出現(xiàn)問(wèn)題，如果是寫(xiě)在a標(biāo)簽上吩坝，進(jìn)行如下解決：? ? ? .box a{? ? ? vertical-align:middle;? ? ? font-size:12px? ? ? }? 接上個(gè)問(wèn)題原因是因?yàn)槿绻O(shè)置了a的字體大小則它的父親會(huì)被撐大毒姨，瀏覽器默認(rèn)字體大小是16px，垂直對(duì)齊方式是基線(xiàn)對(duì)齊钉寝，可以把a(bǔ)的字體大小寫(xiě)小但是不提倡弧呐，li把高度寫(xiě)死，或給a字體大小設(shè)置了正常加上vam嵌纲，或者在準(zhǔn)備的時(shí)候給body設(shè)置默認(rèn)字體大小俘枫，就不會(huì)出現(xiàn)這種問(wèn)題。
vertical-align完全解讀
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門(mén)窿锉，熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)酌摇，“玉大人，你說(shuō)我怎么就攤上這事榆综∶畋裕” “怎么了？”我有些...
- 文/不壞的土叔 我叫張陵鼻疮，是天一觀的道長(zhǎng)怯伊。 經(jīng)常有香客問(wèn)我，道長(zhǎng)判沟，這世上最難降的妖魔是什么耿芹？ 我笑而不...
- 正文 為了忘掉前任，我火速辦了婚禮挪哄，結(jié)果婚禮上吧秕，老公的妹妹穿的比我還像新娘。我一直安慰自己迹炼，他們只是感情好砸彬，可當(dāng)我...
- 文/花漫 我一把揭開(kāi)白布颠毙。 她就那樣靜靜地躺著，像睡著了一般砂碉。 火紅的嫁衣襯著肌膚如雪蛀蜜。 梳的紋絲不亂的頭發(fā)上，一...
- 那天增蹭，我揣著相機(jī)與錄音滴某，去河邊找鬼。 笑死滋迈，一個(gè)胖子當(dāng)著我的面吹牛霎奢，可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播饼灿，決...
- 文/蒼蘭香墨 我猛地睜開(kāi)眼幕侠，長(zhǎng)吁一口氣：“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼！你這毒婦竟也來(lái)了赔退？” 一聲冷哼從身側(cè)響起橙依，我...
- 序言：老撾萬(wàn)榮一對(duì)情侶失蹤证舟，失蹤者是張志新（化名）和其女友劉穎硕旗，沒(méi)想到半個(gè)月后，有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體女责，經(jīng)...
- 正文 獨(dú)居荒郊野嶺守林人離奇死亡漆枚，尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
- 正文 我和宋清朗相戀三年，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了抵知。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片墙基。...
- 正文 年R本政府宣布初茶，位于F島的核電站，受9級(jí)特大地震影響浊闪，放射性物質(zhì)發(fā)生泄漏恼布。R本人自食惡果不足惜，卻給世界環(huán)境...
- 文/蒙蒙 一搁宾、第九天 我趴在偏房一處隱蔽的房頂上張望折汞。 院中可真熱鬧，春花似錦盖腿、人聲如沸爽待。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)鸟款。三九已至揖庄，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間欠雌，已是汗流浹背蹄梢。 一陣腳步聲響...
- 正文 我出身青樓，卻偏偏與公主長(zhǎng)得像霍比，于是被迫代替她去往敵國(guó)和親幕袱。 傳聞我的和親對(duì)象是個(gè)殘疾皇子，可洞房花燭夜當(dāng)晚...
推薦閱讀更多精彩內(nèi)容
- 如何理解line-height與vertical-align 目錄 1.背景介紹 2.知識(shí)剖析 3.常見(jiàn)問(wèn)題 4....
- 大家好，我是IT修真院武漢分院第11期的學(xué)員浅妆，一枚正直純潔善良的前端程序員望迎，今天給大家分享一下，修真院官網(wǎng)...
- 大家好凌外，我是IT修真院武漢分院第10期學(xué)員余佳貝辩尊，一枚正直善良的web程序員。 今天給大家分享一下康辑，修真院官網(wǎng)cs...
- 目錄 vertical-align一摄欲、vertical-align基本：二、vertical使用環(huán)境：三疮薇、vert...
- 測(cè)試代碼 一胸墙、line-height的性質(zhì) line-height在CSS中的定義為行高，具體計(jì)算方法如圖所示： ...
