塊狀元素 時(shí)用 text-align:center 就不起作用了嗎?
15-2中說(shuō)“當(dāng)被設(shè)置元素為 塊狀元素 時(shí)用 text-align:center 就不起作用了”
下面的代碼為塊狀元素設(shè)置樣式text-align:center,運(yùn)行結(jié)果是居中的啊,起作用啊,為什么15-2說(shuō)不起作用呢?
div{
border:3px?solid?orange;
text-align:?center;
????}
????----
????<div>月落烏啼霜滿天,江楓漁火對(duì)愁眠。</div>
????<br><br>
????<div><img?src="http://img1.sycdn.imooc.com//52da54ed0001ecfa04120172.jpg"></div>運(yùn)行結(jié)果:

2019-07-11
<img>標(biāo)簽是內(nèi)聯(lián)塊元素,特點(diǎn)和內(nèi)聯(lián)元素(行內(nèi)元素)一樣都在同一行上顯示,但是它的寬度、高度、行高以及頂和底邊距和塊狀元素一樣,你上面代碼div樣式包括2個(gè)div,圖片和文本一樣都會(huì)在同一行上顯示,所以?xún)蓚€(gè)div都用了行內(nèi)標(biāo)簽屬性.
2019-03-05
首先呢 ,text-align:center是指使父元素里面的文本居中,這里主要是講塊狀元素的居中,你試試
width:200px;
margin:20px auto;
這兩行,你把寬度200px改成400px 之后,你會(huì)發(fā)現(xiàn)文字并沒(méi)有居中,而是這個(gè)塊狀元素一直處于居中,這時(shí)候,你把框里的文字設(shè)置text-align:?center;,才有居中。
你這章節(jié)要設(shè)置居中的東西都理解錯(cuò)了?
2018-06-22
你概念都搞混了,text-align:center是指使父元素里面的文本居中,上面的文字與圖片都屬于div的文本。而這個(gè)div沒(méi)設(shè)置寬度,沒(méi)設(shè)置寬度的塊元素默認(rèn)是100%寬,也就是與瀏覽器一樣寬。。你不信在樣式里面加一個(gè)width:700px,你看看效果。。然后再加一個(gè)margin:0? auto;
2018-06-22
系統(tǒng)召喚來(lái)的:
我也想過(guò)這個(gè)問(wèn)題,也實(shí)驗(yàn)了,雖然是居中,但是我的理解是,為了防止程序出錯(cuò),最好按照甲魚(yú)的臀部:“龜腚”來(lái)。
舉個(gè)例子,比如python中的縮進(jìn),有時(shí)候錯(cuò)誤縮進(jìn)雖然程序不會(huì)報(bào)錯(cuò),但是后期運(yùn)行就會(huì)出現(xiàn)難以找到的錯(cuò)誤。
所以,還是按照程序來(lái)吧。