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

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

塊狀元素 時用 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>

運行結果:

https://img1.sycdn.imooc.com//5b2b5dfc000172ed11760532.jpg

正在回答

4 回答

<img>標簽是內聯塊元素,特點和內聯元素(行內元素)一樣都在同一行上顯示,但是它的寬度、高度、行高以及頂和底邊距和塊狀元素一樣,你上面代碼div樣式包括2個div,圖片和文本一樣都會在同一行上顯示,所以兩個div都用了行內標簽屬性.

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

首先呢 ,text-align:center是指使父元素里面的文本居中,這里主要是講塊狀元素的居中,你試試

width:200px;

margin:20px auto;

這兩行,你把寬度200px改成400px 之后,你會發現文字并沒有居中,而是這個塊狀元素一直處于居中,這時候,你把框里的文字設置text-align:?center;,才有居中。

你這章節要設置居中的東西都理解錯了?


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

你概念都搞混了,text-align:center是指使父元素里面的文本居中,上面的文字與圖片都屬于div的文本。而這個div沒設置寬度,沒設置寬度的塊元素默認是100%寬,也就是與瀏覽器一樣寬。。你不信在樣式里面加一個width:700px,你看看效果。。然后再加一個margin:0? auto;


4 回復 有任何疑惑可以回復我~
#1

qq_浮世之繪_agBHNS

怎么我的還是可以。。。
2019-02-23 回復 有任何疑惑可以回復我~

系統召喚來的:

我也想過這個問題,也實驗了,雖然是居中,但是我的理解是,為了防止程序出錯,最好按照甲魚的臀部:“龜腚”來。

舉個例子,比如python中的縮進,有時候錯誤縮進雖然程序不會報錯,但是后期運行就會出現難以找到的錯誤。

所以,還是按照程序來吧。



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

慕容6072474

你的解釋我聽得一頭霧水。/(ㄒoㄒ)/~~
2018-10-21 回復 有任何疑惑可以回復我~
#2

lanrena

你倒是挺幽默的。。
2019-02-19 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

塊狀元素 時用 text-align:center 就不起作用了嗎?

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

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

幫助反饋 APP下載

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

公眾號

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