本文介紹了CSS居中實(shí)例之大小不固定的圖片居中方法，分享給大家，具體如下：

1.利用table-cell實(shí)現(xiàn)垂直居中

利用父元素為display:table-cell類型實(shí)現(xiàn)垂直居中，table在ie8+的瀏覽器中自帶的垂直居中的屬性。  

注意：img{vertical-align: middle;}只是為了消除display:inline-block類型的基線對(duì)齊問題。

2.多行文本的垂直居中方法

 有時(shí)可能我們會(huì)遇到需要多行文本垂直居中的一些情況，但是做起來有時(shí)有些麻煩，需要我們換個(gè)思路去實(shí)現(xiàn)。

將內(nèi)部的文本用span標(biāo)簽（其他標(biāo)簽也可以）包裹起來，把span標(biāo)簽設(shè)為inline-block,然后當(dāng)圖片的垂直居中處理(ie8+)。

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持錯(cuò)新站長(zhǎng)站。