亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

當我放大縮小網頁的時候banner圖會出現這種情況

http://img1.sycdn.imooc.com//575bd8d60001c04210910602.jpg

設置margin:0 auto;也不起作用,banner圖不居中

正在回答

3 回答

我猜你應該是沒在 reset.css 中設置 img{display:block}

不過沒設置也沒事,那img在默認css中就是inline元素了,這樣你就不要在index.css的img設置 margin:0 auto;了,你可以img的父級元素也就是index-banner-bg中設置text-align:center就好了嘛,因為text-align:center就是針對這種inline元素居中的嘛

0 回復 有任何疑惑可以回復我~

我也是這個情況,不過不知道你是不是一樣。

我發現我的footer和header的寬度是1500px(我們設置的),但是index-banner的寬度是1349px,又進一步發現body的寬度也是1349px,即body的寬度<你設置的header和footer的寬度,所以我嘗試把body的寬度設置為1500px,就解決了。這個解決方法可能不正確,希望知道的人解釋解釋。我推斷這個可能是瀏覽器的原因,我用的是火狐和谷歌的瀏覽器。

0 回復 有任何疑惑可以回復我~

如果你父級元素用了浮動的話,或者img 標簽沒有升級為display:block/inline-block;(包在圖片的外層元素是個行間元素)margin:0px auto是不起作用的:解決辦法:1:把圖片的外層元素設置為塊級元素,或者本身設置為display:block元素,在margin:0px auto;,若沒有升級為塊級元素,在外層,直接text-algin:center;也是可以的。2:或者用css3的盒模型可以解決:外層元素display:block/inline-block;(注意各個瀏覽器前面得加前綴:例如:谷歌:display:-webkit-block;等),box-pack:Center;

2 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

當我放大縮小網頁的時候banner圖會出現這種情況

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號