我有一個(gè)div有兩個(gè)圖像和一個(gè)h1。所有這些都需要在div內(nèi)垂直對(duì)齊,彼此相鄰。其中一個(gè)圖像需要absolute放在div中。在所有常見瀏覽器上工作所需的CSS是什么?<div id="header">
<img src=".." ></img>
<h1>testing...</h1>
<img src="..."></img></div>
3 回答

一只名叫tom的貓
TA貢獻(xiàn)1906條經(jīng)驗(yàn) 獲得超3個(gè)贊
現(xiàn)在Flexbox支持正在增加,應(yīng)用于包含元素的CSS將垂直居中包含的項(xiàng):
.container { display: flex; align-items: center;}
如果您還需要定位Explorer 10和舊的(<4.4)Android瀏覽器,請(qǐng)使用帶前綴的版本:
.container { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center;}
添加回答
舉報(bào)
0/150
提交
取消