首頁猿問垂直對齊圖像旁邊的文字？

垂直對齊圖像旁邊的文字？

Html/CSS Html5 CSS3

回首憶惘然 2019-05-27 13:23:21

垂直對齊圖像旁邊的文字？為什么不行vertical-align: middle？然而，vertical-align: top 確實(shí)有效。<div> <img style="width:30px;height:30px"> <span style="vertical-align:middle">Doesn't work.</span></div>

查看完整描述

3 回答

函數(shù)式編程

TA貢獻(xiàn)1807條經(jīng)驗(yàn) 獲得超9個(gè)贊

將您更改div為Flex容器：

div {display:flex;}

現(xiàn)在有兩種方法可以使所有內(nèi)容的對齊居中：

方法1：

div {align-items:center;}

DEMO

方法2：

div * {margin-top:auto; margin-bottom:auto;}

DEMO

嘗試不同的寬度和高度值img和不同的字體大小值span，你會發(fā)現(xiàn)它們始終保持在容器的中間。

反對回復(fù) 2019-05-27

3 回答
0 關(guān)注
675 瀏覽

關(guān)注

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

垂直對齊圖像旁邊的文字？

垂直對齊圖像旁邊的文字？

3 回答

相關(guān)問題推薦

添加回答

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

垂直對齊圖像旁邊的文字？

垂直對齊圖像旁邊的文字？

3 回答

相關(guān)問題推薦

添加回答

垂直對齊圖像旁邊的文字？