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