為何這裡面乙個div中的乙個div無法居中?

時間 2021-06-02 07:47:51

1樓:狐涼

因為針對div居中屬於盒子模型,居中針對的是整個盒子。所以居中可以用相對定位或者絕對定位,也可以用margin,padding去設定,但是不如相對定位容易想到和操作。

2樓:張君逸

div是塊級元素,沒有給寬度的前提下寬度是100%,所以你的margin :auto 根本就沒有margin怎麼auto啊。。。你float之後他還是塊級元素啊,

3樓:hi sir

6div居中有好幾種辦法,但是你這個根本就不是任何一種!!!

你都float:left了還怎麼居中?

margin:0 auto;你最起碼有個width瀏覽器才能給您計算出來(parent.width - div.

width) / 2是多少吧,你不指定width,瀏覽器沒你想的那麼聰明。

再給你說個辦法:

parentDiv

childDiv

PS:天貓前端招聘求用簡歷蹂躪

4樓:

告訴你幾種常用的方法,你自己嘗試一下吧。

以下 #child 指需要居中的元素,#parent 指 #child 的父元素

子元素如果是定寬的比較好辦:

#child

效果:http://

codepen.io/anon/pen/RragMa如果子元素是不定寬的,可以在以下的方法裡面擇一:

第一種:

#parent

#child

效果:http://

codepen.io/anon/pen/jWqwzZ第二種:

#child

效果:http://codepen.io/anon/pen/EPKXEM

第三種:

#child

效果:http://

codepen.io/anon/pen/MKyoXq

5樓:

你既然要居中為什麼還要加float?#cat_line預設寬度是100%的,你用margin:auto居中的話需要設定寬度啊

發現html5乙個很奇怪的問題,div裡面如果裝著乙個img,會被無故撐高幾個畫素,為什麼?

貘吃饃香 瀉藥基本上答差不多了都 我就不廢話了 給個鏈結自己看 RD3020 在不同的文件模式中,當唯一的非表單控制項類行內替換元素存在於其包容塊中時,其父框的行高並不一定會計算文字基線高度閃 題主可以看一下這裡html html5 vertical spacing issue with img 幾...

unity乙個商業2D專案乙個場景中10個攝像機,背景攝像機 道具攝像機等等,場景中多個攝像機的好處?

淵陶 已經說了一些情況,這些情形都是幾個攝像機同時渲染的,不過幾個攝像機同時工作的情形是應該盡量去避免的,除非非用這種方案不可,因為攝像機同時工作要跑n次管線,效率會下降 還有種情況就是 BentleyJobs 說的,用於切換鏡頭視角,這種情況是為了方便切換鏡頭視角,只要保證攝像機在不用的時候是關閉...

這裡為什麼有乙個de呢

類似問題,還是反問的形式,讓題主思考一下比較好。除了這句話外,希望題主可以查一下相關問題,主要是des變de的規律。1,des 變為de,除了形容詞提前,是不是還有其他情況也是這樣?2,看到 形容詞 提前了,就百分百des變de嗎?本來是des autres hommes autre 可以看作乙個形...