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

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

我用margin做的感覺效果是一樣的,這是巧合?還是哪里有問題?

<style>
div{
??? border:1px solid red;
??? margin:20px auto;
}
</style>
</head>

<body>
<div class="txtCenter">我想要在父容器中水平居中顯示。</div>

<!--下面是任務(wù)部分-->

<div class="imgCenter"><img src="http://img1.sycdn.imooc.com//52da54ed0001ecfa04120172.jpg" /></div>

正在回答

7 回答

這個只是湊巧,因為你沒有給div設(shè)置寬高,所以div的寬高由其內(nèi)部子元素來確定(在這里就是圖片的寬高),因此給div設(shè)置margin:20px auto;看起來這個效果是應(yīng)用于圖片的,其實是作用在div上面。

不信,你試試給div加上大于圖片的寬度和高度,這時圖片會在div的左上角對齊。

2 回復(fù) 有任何疑惑可以回復(fù)我~
#1

Yinsion_Nie

新手別看上面這段文字啊,我沒看題主的代碼就亂寫一通,我自己也學(xué)藝不精,大家別看啊......我怕誤人子弟。 題主的原因是沒有點開全屏... 為什么刪不掉... 污點!
2016-09-09 回復(fù) 有任何疑惑可以回復(fù)我~
#2

慕粉3917843 回復(fù) Yinsion_Nie

這就很尷尬了
2016-09-28 回復(fù) 有任何疑惑可以回復(fù)我~
#3

Yinsion_Nie 回復(fù) 慕粉3917843

>_<||
2016-09-28 回復(fù) 有任何疑惑可以回復(fù)我~
#4

qq_云淡風(fēng)輕_48 提問者

非常感謝!
2016-11-08 回復(fù) 有任何疑惑可以回復(fù)我~
查看1條回復(fù)

我認(rèn)為,當(dāng)我們能夠用簡便的方法來是想我們想要的目標(biāo)的時候,就不用復(fù)雜的方式來實現(xiàn)。我們在使用網(wǎng)頁的時候講究的是速度,是設(shè)計的講究的是優(yōu)化。

0 回復(fù) 有任何疑惑可以回復(fù)我~

用margin:20px auto; 只是讓盒子上下外邊距為20px,左右自動居中! 但是盒子里面的內(nèi)容是不會跟著居中的

0 回復(fù) 有任何疑惑可以回復(fù)我~

margin:20px auto; 中的auto有自動居中的效果,可以理解為auto會根據(jù)瀏覽器的寬度自動的設(shè)置兩邊的外邊距,原理就是:(在當(dāng)前瀏覽器分辨率下瀏覽器的寬度-外包含層的寬度)/2=外邊距。

其限制條件是:不能在設(shè)置了margin:20px auto;再另外設(shè)置浮動(float)、絕對定位(absolute、fixed)

而text-align:center;就不會存在這樣的限制條件

僅供參考

0 回復(fù) 有任何疑惑可以回復(fù)我~

默認(rèn)的

0 回復(fù) 有任何疑惑可以回復(fù)我~

padding,border和margin的書寫方式是一樣

0 回復(fù) 有任何疑惑可以回復(fù)我~

div設(shè)置了margin后為居中,里面的內(nèi)容自然就居中了

0 回復(fù) 有任何疑惑可以回復(fù)我~

舉報

0/150
提交
取消

我用margin做的感覺效果是一樣的,這是巧合?還是哪里有問題?

我要回答 關(guān)注問題
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號