我用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>
2016-09-09
這個(gè)只是湊巧，因?yàn)槟銢]有給div設(shè)置寬高，所以div的寬高由其內(nèi)部子元素來確定（在這里就是圖片的寬高），因此給div設(shè)置margin:20px auto;看起來這個(gè)效果是應(yīng)用于圖片的，其實(shí)是作用在div上面。
不信，你試試給div加上大于圖片的寬度和高度，這時(shí)圖片會(huì)在div的左上角對(duì)齊。
2016-08-16
我認(rèn)為，當(dāng)我們能夠用簡(jiǎn)便的方法來是想我們想要的目標(biāo)的時(shí)候，就不用復(fù)雜的方式來實(shí)現(xiàn)。我們?cè)谑褂镁W(wǎng)頁的時(shí)候講究的是速度，是設(shè)計(jì)的講究的是優(yōu)化。
2016-08-09
用margin:20px auto; 只是讓盒子上下外邊距為20px，左右自動(dòng)居中！ 但是盒子里面的內(nèi)容是不會(huì)跟著居中的
2016-08-06
margin:20px auto; 中的auto有自動(dòng)居中的效果，可以理解為auto會(huì)根據(jù)瀏覽器的寬度自動(dòng)的設(shè)置兩邊的外邊距，原理就是：（在當(dāng)前瀏覽器分辨率下瀏覽器的寬度-外包含層的寬度）/2=外邊距。
其限制條件是：不能在設(shè)置了margin:20px auto;再另外設(shè)置浮動(dòng)（float）、絕對(duì)定位（absolute、fixed）
而text-align:center;就不會(huì)存在這樣的限制條件
僅供參考
2016-08-06
默認(rèn)的
2016-08-04
padding,border和margin的書寫方式是一樣
2016-08-04
div設(shè)置了margin后為居中，里面的內(nèi)容自然就居中了