为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

https://img1.sycdn.imooc.com//5b2b5a1b0001511508620428.jpg

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

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

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


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

https://img1.sycdn.imooc.com//5b2b5bae0001f81e08640470.jpg


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

正在回答

3 回答

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

0 回复 有任何疑惑可以回复我~
#1

慕容6072474

我自己的理解是,15-1为div的文本居中。15-2是为div居中
2018-10-21 回复 有任何疑惑可以回复我~

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

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

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

https://img1.sycdn.imooc.com//5b2e28020001b8c819201080.jpg


0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信