<!DOCTYPE html><html><head><title></title></head><body><div style="text-align: center; width: 500px;height:200px; line-height:200px; border: green solid 1px;"><img alt="" src="https://www.baidu.com/img/bai...; style="display: inline-block; vertical-align: middle;" /></div></body></html>1、在父元素上設(shè)置行高（一般不應(yīng)該都是設(shè)置子元素行高等于父元素高嗎，圖片可能沒(méi)有行高所以無(wú)效？）2、img中設(shè)置vertical：middle！在w3c的說(shuō)明中如下圖上面寫(xiě)按照該元素所在行的基線垂直對(duì)齊，下面又說(shuō)把次元素放置在父元素的中部?。▎为?dú)在img上寫(xiě)vertical-align不能垂直居中）我已經(jīng)迷茫了！所以這個(gè)line-height和vertical-align到底是怎么用！ps、其它的什么display：table；和絕對(duì)定位之類(lèi)的不用和我說(shuō)了。我知道！我只想知道上面這代碼怎么解釋~
這種圖片垂直居中對(duì)齊是什么原理？
慕桂英3389331
2018-07-23 19:55:52