經常遇到的圖片置中問題實現方法

       看到很多人都在問圖片的置中怎麼實現，實現他其實不難。要難就難在它要相容好幾種不同的瀏覽器我就將我用到的一段圖片置中的代碼分享給大家。希望對大家有用html代碼:<div class="pic">  <span><a><img /><a></sapn></div>css代碼： .pic{overflow:hidden;position:relative;display:table-cell;text-align:center;vertical-align:middle; float:none;} .pic span{position:static;+position:absolute;top:50%; margin:0pt;} .pic img{position:static;+position:relative;top:-50%;left:-50%; display :inline;}需要注意的是.pic所在在div層不能是浮動的。不然達不到效果的。歡迎留言評論!