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

对比15-1和15-2的内容,关于行内元素(内联元素)和块状元素的说法不明确?

15-1明明是想说行内元素水平居中的问题,结果拿div(块状元素)举例,具体如图

https://img.mukewang.com/5b2b5a1b0001511508620428.jpg

按说图片的意思是div标签里面的文本是行内元素

(btw:W3C关于HTML元素的定义是:HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。

这里的意思是div是一个元素,里面的文本又是一个元素????真心不懂啊)


15-2 中div标签以内的文本又变成块状元素了,真的搞不懂了?

https://img1.mukewang.com/5b2b5bae0001f81e08640470.jpg


这样前后矛盾或者模糊的概念对新手来说真的很迷糊,哪位大哥可以解答一下??

提问者:慕瓜4462994 2018-06-21 16:06

个回答

  • 慕容6072474
    2018-10-21 21:39:56

    我自己的理解是,15-1为div的文本居中。15-2的文本是为div居中

  • 慕斯8321650
    2018-06-23 19:00:20

    15-1div没有设置宽度,是100%显示的,实际居中的是文字(为div设置宽度,容易得出结论)

    15-2div设置了宽度width:200px;利用margin:20px auto;来实现居中(上填充20px,左右填充自动)。如图https://img1.mukewang.com/5b2e27af0001510819201080.jpg

    如下图,加入15-1的内容(楼主对比可理解)

    https://img4.mukewang.com/5b2e28020001b8c819201080.jpg