首页 > PHP资讯 > HTML5培训技术 > 南京PHP培训讲解p标签和div标签嵌套问题

南京PHP培训讲解p标签和div标签嵌套问题

HTML5培训技术

在HTML的标签中,其实有很多的嵌套规则,并且都是大家容易胡洛的地方,比如p标签嵌套div标签会出现问题,form标签在table标签中问题,都是大家忽略的,南京php培训中心给大家简单解释下这块内容。

   1、p元素中嵌套div元素

     

<p>这是p元素的开始 >span元素1</span>和<span>span元素2</span></p>  
  
<p>这是p元素的开始   
  <div>div元素1</div>  
  <div>div元素2</div>  
  这是p元素的结束  
</p>  

它的效果会出乎意料:

 

代码中,在<p>元素中嵌套了两个<span>元素,它们按照浏览器的渲染正常显示。但当在<p>元素中嵌套两个 <div>元素时,我们会发现,<div>分别在一行显示,而此时"p元素的开始"与"p元素的结束"也在不同的一行显示,与我们想要的(这两段文字在一行显示)相反。它们也均在不同行显示。这是什么原因呢?

 

原来,<p>元素中是不能嵌套<div>元素的,在<p>标签还没结束时,遇到下一个块级元素就会自动结束。以上就是p标签和div嵌套问题,这个也是很多php培训基本讲不到的问题,所以在这里由南京php培训中心为大家详细解释一下,如果有什么不清楚的地方,可以咨询欣才IT学院的在线客服。

 

本文由欣才IT学院整理发布,未经许可,禁止转载。