首頁猿問如何使圖像中心(垂直和水平)在較大...

如何使圖像中心(垂直和水平)在較大的div內(nèi)

Html/CSS

幕布斯6054654 2019-06-18 10:36:20

如何使圖像中心(垂直和水平)在較大的div內(nèi)我有個div 200 x 200 px。我想把50 x 50 px的圖像放在div的中間。怎么做呢？我可以通過使用text-align: center為了迪夫。但垂直排列是問題所在。

查看完整描述

3 回答

慕仙森

TA貢獻1827條經(jīng)驗獲得超8個贊

在舊瀏覽器中工作(IE>=8)

絕對位置與自動邊距相結(jié)合，可以使元素水平和垂直地居中。元素位置可以基于使用相對定位的父元素位置。視圖結(jié)果

img {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;}

反對回復 2019-06-18

手掌心

TA貢獻1942條經(jīng)驗獲得超3個贊

另一種方法是創(chuàng)建一個table帶著valign當然了。不管你是否知道div的高度，這都是可行的。

<div>
   <table width="100%" height="100%" align="center" valign="center">
   <tr><td>
      <img src="foo.jpg" alt="foo" />
   </td></tr>
   </table></div>

但你應該一直堅持css只要有可能。

反對回復 2019-06-18

3 回答
0 關(guān)注
451 瀏覽

關(guān)注

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

如何使圖像中心(垂直和水平)在較大的div內(nèi)

如何使圖像中心(垂直和水平)在較大的div內(nèi)

3 回答

相關(guān)問題推薦

添加回答

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

如何使圖像中心(垂直和水平)在較大的div內(nèi)

如何使圖像中心(垂直和水平)在較大的div內(nèi)

3 回答

相關(guān)問題推薦

添加回答