问答详情
源自:15-2 水平居中设置-定宽块状元素

怎么区别行内元素和块状元素


为什么上一节的

<div class="textCenter">我想要在父容器中水平居中显示。</div>

中间那句话就是行内元素。而这一节中的

<div>我是定宽块状元素,我要水平居中显示。</div>

就是块状元素啊?

提问者:Annielin 2017-03-13 22:22

个回答

  • qq_小白_0_0
    2017-03-14 14:06:28
    已采纳

    比较笼统的话,写两个相同的标签,浏览器中显示如果在一行,就可能是行内元素(还有可能是内联块,内联块支持宽高,行内不支持宽高),不在一行就是块状元素。上一节用text-align:center;居中的是文本,这一节居中的是div。

  • Dod_Annie
    2017-03-14 09:21:28

    行内元素和块级元素是针对HTML标签说的。文本是没有行内和块级的说法的

  • 你的
    2017-03-14 09:20:36

    块级元素会独占一行,默认情况下,其宽度自动填满其父元素宽度.   行内元素不会独占一行,相邻的行内元素会排列在同一行里,直到一行排不下,才会换行,其宽度随元素的内容而变化.      块级元素可以设置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.