为什么上一节的
<div class="textCenter">我想要在父容器中水平居中显示。</div>
中间那句话就是行内元素。而这一节中的
<div>我是定宽块状元素,我要水平居中显示。</div>
就是块状元素啊?
比较笼统的话,写两个相同的标签,浏览器中显示如果在一行,就可能是行内元素(还有可能是内联块,内联块支持宽高,行内不支持宽高),不在一行就是块状元素。上一节用text-align:center;居中的是文本,这一节居中的是div。
行内元素和块级元素是针对HTML标签说的。文本是没有行内和块级的说法的
块级元素会独占一行,默认情况下,其宽度自动填满其父元素宽度. 行内元素不会独占一行,相邻的行内元素会排列在同一行里,直到一行排不下,才会换行,其宽度随元素的内容而变化. 块级元素可以设置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.