塊狀元素 時用 text-align:center 就不起作用了嗎?
15-2中說“當被設置元素為 塊狀元素 時用 text-align:center 就不起作用了”
下面的代碼為塊狀元素設置樣式text-align:center,運行結果是居中的啊,起作用啊,為什么15-2說不起作用呢?
div{ border:3px?solid?orange; text-align:?center; ????} ????---- ????<div>月落烏啼霜滿天,江楓漁火對愁眠。</div> ????<br><br> ????<div><img?src="http://img1.sycdn.imooc.com//52da54ed0001ecfa04120172.jpg"></div>
運行結果:
2019-07-11
<img>標簽是內聯塊元素,特點和內聯元素(行內元素)一樣都在同一行上顯示,但是它的寬度、高度、行高以及頂和底邊距和塊狀元素一樣,你上面代碼div樣式包括2個div,圖片和文本一樣都會在同一行上顯示,所以兩個div都用了行內標簽屬性.
2019-03-05
首先呢 ,text-align:center是指使父元素里面的文本居中,這里主要是講塊狀元素的居中,你試試
width:200px;
margin:20px auto;
這兩行,你把寬度200px改成400px 之后,你會發現文字并沒有居中,而是這個塊狀元素一直處于居中,這時候,你把框里的文字設置text-align:?center;,才有居中。
你這章節要設置居中的東西都理解錯了?
2018-06-22
你概念都搞混了,text-align:center是指使父元素里面的文本居中,上面的文字與圖片都屬于div的文本。而這個div沒設置寬度,沒設置寬度的塊元素默認是100%寬,也就是與瀏覽器一樣寬。。你不信在樣式里面加一個width:700px,你看看效果。。然后再加一個margin:0? auto;
2018-06-22
系統召喚來的:
我也想過這個問題,也實驗了,雖然是居中,但是我的理解是,為了防止程序出錯,最好按照甲魚的臀部:“龜腚”來。
舉個例子,比如python中的縮進,有時候錯誤縮進雖然程序不會報錯,但是后期運行就會出現難以找到的錯誤。
所以,還是按照程序來吧。