怎么區(qū)別行內(nèi)元素和塊狀元素
為什么上一節(jié)的
<div class="textCenter">我想要在父容器中水平居中顯示。</div>
中間那句話就是行內(nèi)元素。而這一節(jié)中的
<div>我是定寬塊狀元素，我要水平居中顯示。</div>
就是塊狀元素?。?/p>
Annielin
2017-03-13
3 回答
舉報(bào)
0/150
提交
取消
2017-03-14
比較籠統(tǒng)的話，寫兩個(gè)相同的標(biāo)簽，瀏覽器中顯示如果在一行，就可能是行內(nèi)元素（還有可能是內(nèi)聯(lián)塊，內(nèi)聯(lián)塊支持寬高，行內(nèi)不支持寬高），不在一行就是塊狀元素。上一節(jié)用text-align:center;居中的是文本，這一節(jié)居中的是div。
2017-03-14
行內(nèi)元素和塊級元素是針對HTML標(biāo)簽說的。文本是沒有行內(nèi)和塊級的說法的
2017-03-14
塊級元素會獨(dú)占一行,默認(rèn)情況下,其寬度自動填滿其父元素寬度. 行內(nèi)元素不會獨(dú)占一行,相鄰的行內(nèi)元素會排列在同一行里,直到一行排不下,才會換行,其寬度隨元素的內(nèi)容而變化. 塊級元素可以設(shè)置width,height屬性. 行內(nèi)元素設(shè)置width,height屬性無效. 塊級元素即使設(shè)置了寬度,仍然是獨(dú)占一行. 塊級元素可以設(shè)置margin和padding屬性. 行內(nèi)元素的margin和padding屬性,水平方向的padding-left,padding-right,margin-left,margin-right都產(chǎn)生邊距效果,但豎直方向的padding-top,padding-bottom,margin-top,margin-bottom卻不會產(chǎn)生邊距效果. 塊級元素對應(yīng)于display:block. 行內(nèi)元素對應(yīng)于display:inline.?