<!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、在父元素上設置行高（一般不應該都是設置子元素行高等于父元素高嗎，圖片可能沒有行高所以無效？）2、img中設置vertical：middle！在w3c的說明中如下圖上面寫按照該元素所在行的基線垂直對齊，下面又說把次元素放置在父元素的中部?。▎为氃趇mg上寫vertical-align不能垂直居中）我已經迷茫了！所以這個line-height和vertical-align到底是怎么用！ps、其它的什么display：table；和絕對定位之類的不用和我說了。我知道！我只想知道上面這代碼怎么解釋~
這種圖片垂直居中對齊是什么原理？
慕桂英3389331
2018-07-23 19:55:52