p标签不能嵌套块元素 p标签嵌套p标签不生效

   先给大家来一个错误 示范:

    <div>
        <p v-if="Array.isShow">
            <p v-for="item in Array.data"></p>
        </p>
        ......
    </div>

   看上面的代码,咋一看感觉是没有问题的,但是只要运行一下就会发现这个 if 判断并没有生效.这个是什么原因造成的呢?可以先给大家看一下运行的结果:
在这里插入图片描述

   看到是不是会有一头雾水的感觉,为什么会这样么?这个时候就不得不说一下块级元素内联元素的嵌套问题了:

  1. 块级中可以包括一部分块级元素,并可以包含内联元素。内联元素中不包含块级元素,只可以包含内联元素。
  2. 块级与块级并列,内联与内联元素相并列。

   看到这里是不是有一种恍然大悟的感觉了呢?

  P 标签虽然是块级元素,但不可包含其他块级元素。
  像 P标签 .  <h1 ~6> dt标签 这几个块元素只可包含内联元素,
  所以p标签无法嵌套 p div ul 标签
  • 3
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值