圖片垂直居中的外部影響

科技 未結(jié) 7 1195

<!DOCTYPE html> <html> <head> <title>測試</title> <style> div img {} .wrap span {display: inline-block;border:1px solid red;text-align: center;} </style> </head> <body><div class = "wrap" style = "width:1000px;height:200px;border:1px solid red;display:table-cell;vertical-align:middle;text-align:center;min-width:800px;margin:0 auto;"> <span><img src = "images/children3.jpg"> <img src = "images/children3.jpg"> <img src = "images/children3.jpg"></span> </div> </body> </html>

以上代碼效果圖如下:

這里有個(gè)問題就是為什么我給外部div:margin:0 auto;他卻無法在頁面中居中?

還有個(gè)問題是我給外部div加上float這個(gè)屬性,整個(gè)就變成了如下截圖:

以上就是我所要提的問題,希望各位路過的官人幫忙解答,謝謝

相關(guān)標(biāo)簽:
7條回答
  • 2023-06-16 19:33

    我發(fā)現(xiàn)table-cell去掉的話,就可以居中了, 但是就沒了垂直居中,大概是margin: 0 auto;適合于block吧。所以水平居中沒生效,你加float:right;他就往右去了,這樣正常吧。

    0 討論(0)
  • 2023-06-16 19:35

    問題二

    0 討論(0)
  • 2023-06-16 19:49

    不過應(yīng)該有其他方案吧~

    0 討論(0)
  • 2023-06-16 19:50

    就是用一個(gè)父元素div做水平居中,里面再套垂直居中的div,然后放圖片。(這里圖片我隨便加的,方便看)

    0 討論(0)
  • 2023-06-16 19:51

    問題一

    0 討論(0)
  • 2023-06-16 19:51

    題主建議你這種問題,用runjs或者jsfiddle,然后貼出來,大家方便看。

    0 討論(0)
提交回復(fù)
最新問題
ANC降噪耳機(jī)有什么適合小白聽歌用的平價(jià)款呢? 2
子宮縱膈怎么回事 1
當(dāng)貝盒子破解版vip免費(fèi)是真的嗎 1
亞青會(huì)是什么? 1
如何治女人不孕 1
亞青會(huì)的比賽項(xiàng)目是什么? 5
亞青會(huì)第一屆在哪里舉辦,時(shí)間是什么時(shí)候? 4
2019年中央電視臺(tái)中秋晚會(huì)節(jié)目單 4
精液米白色正常嗎 1
有線電視如何繳費(fèi) 2
猜你喜歡
福州三代試管費(fèi)用公開,附助孕費(fèi)用明細(xì)
國外三代試管助孕生子需要多少錢一次?費(fèi)用預(yù)計(jì)多少!
試管嬰兒第三代價(jià)格_未來展望,可以做三代嗎?
三代試管嬰兒大概要花費(fèi)多少錢?附費(fèi)用成功率情況?
重慶試管醫(yī)院好嗎!附詳細(xì)費(fèi)用情況!
做試管要檢查腫瘤嗎?做試管必須檢查的項(xiàng)目
河南助孕生孩子大概要多少費(fèi)用,流程是怎么樣的
第三代試管嬰兒大概多少費(fèi)用?有哪些要求?
徐州二代試管嬰兒費(fèi)用是多少,單周期8萬夠嗎?
試管檢查月經(jīng)后什么時(shí)候去試管檢查月經(jīng)后什么時(shí)候去檢查,能用醫(yī)保嗎?
熱門文章
濟(jì)南私立試管機(jī)構(gòu)哪里比較好?
兩個(gè)女的做試管嬰兒費(fèi)用解讀
速戳:試管嬰兒全步驟解讀,讓你不再迷茫
2025年合肥三代試管私立機(jī)構(gòu)比較有名的是哪些?
泰國試管醫(yī)院排名前五,排名結(jié)果出人意料
去泰國做三代試管嬰兒哪家醫(yī)院好?
南京私立醫(yī)院試管成功率怎么樣?一次看完前五醫(yī)院
泰國三代試管醫(yī)院究竟哪家好:附醫(yī)院推薦
南昌哪些私立機(jī)構(gòu)能做三代試管?一次看完前三醫(yī)院介紹
泰國三代試管嬰兒醫(yī)院挑選指南 看看哪些醫(yī)院在榜內(nèi)
【了解的來說說看】[基礎(chǔ)卵泡11個(gè)]基礎(chǔ)卵泡11個(gè)促排能取幾個(gè)
【試管熱門】為什么試管嬰兒的孩子說不了話?試管嬰兒語言發(fā)育遲緩
熱點(diǎn)話題:6個(gè)月寶寶800克奶粉能吃多久?
試管小知識(shí):斯利安葉酸片的作用,男人吃斯利安作用
本月榜首|珠海三代試管嬰兒做一次多少錢,詳細(xì)到每一個(gè)項(xiàng)目
選擇泰國三代試管嬰兒的價(jià)格表一覽
泰國試管嬰兒費(fèi)用一覽,費(fèi)用明細(xì)揭秘
泰國的試管嬰兒醫(yī)院排名前十名單
深圳三代試管嬰兒檢驗(yàn)費(fèi)報(bào)銷嗎?深圳三代試管嬰兒檢驗(yàn)費(fèi)報(bào)銷嗎?
嬰兒怎么補(bǔ)充維生素a?新生兒補(bǔ)充維生素A的量多少合適?
第三代試管多少錢!是因?yàn)槭裁矗?/a>
深圳多久做一次試管?附試管費(fèi)用分析!
中國哪家醫(yī)院做試管最成功!19萬夠嗎?
第三代試管嬰兒要多少錢!附項(xiàng)目費(fèi)用清單!
北京是做試管嬰兒的私立醫(yī)院!附最新收費(fèi)!
廣告合作方 廣告申請(qǐng)