日志

 <body><p><span>Lorem, ipsum dolor.</span><div><span>Lorem, ipsum dolor.</span></div></p></body>

浏览器解析

我们可以看到当p元素嵌套div元素时，浏览器会自动在div元素前后补全p元素标签。

解决

p元素不能嵌套块级元素，但我们可以使用其他的块级元素，例如：div元素

<body><div><span>Lorem, ipsum dolor.</span><div><span>Lorem, ipsum dolor.</span></div></div></body>

p元素嵌套块级元素失效问题相关推荐

内联元素与块级元素及内外边距的影响
内联元素与块级元素块级元素(block): 新行开始: 高度,行高以及外边距和内边距都可控制: 宽度缺省是它的容器的100% 可以嵌套内联元素和其他块元素常用的块级元素:div.h1~h6.dl. ...
HTML行内元素、块级元素和行内块元素
行内元素 HTML (超文本标记语言) 元素大多数都是行内元素或块级元素.一个行内元素只占据它对应标签的边框所包含的空间.行内元素依靠自己的字体大小或者是图像大小来支撑结构, 一般不可以设置宽度,高度 ...
行内元素与块级元素居中方法
一.行内元素前言:觉得之前写的那篇关于水平居中.垂直居中.水平垂直居中的博客写的不太好,所以又整理了一遍. 之前博客的地址 1. 水平居中方法一:text-algin:center 父元素设置:t ...
html块级元素转换内联,内联元素和块级元素相互转换
内联元素和块级元素相互转换属于前端实例代码,有关更多实例代码大家可以查看. 内联元素和块级元素之间可以相互转换,下面就简单介绍一下转换方法. 一.内联元素转换为块级元素: 让内联元素产生浮动或者将它的 ...
内连级元素有哪些_内联元素和块级元素
一.行内元素与块级元素的基本概念 1. 块元素 (block element) : 块级元素生成一个元素框, (默认地)它会填充其父级元素的内容,旁边不能有其他元素.换句话说,他在元素框之前和之后生 ...
css变成块级元素_探讨行内元素转换为块级元素_html/css_WEB-ITnose
行内元素和块级元素对于前端来说是一个很重要的概念.在CSS中,只有块级元素有物理属性,而元素则有三种形态: 1. 块级元素:有物理属性,width,height写值起作用,而且要占据一行. 2. 行内 ...
【HTML】行内元素与块级元素
一.行内元素与块级元素的三个区别 1.行内元素与块级元素直观上的区别行内元素会在一条直线上排列,都是同一行的,水平方向排列块级元素各占据一行,垂直方向排列.块级元素从新行开始结束接着一个断行. 2 ...
行内块元素有哪些标签_html的行内元素与块级元素总结
希望大家补充一下常见的块级元素与行内元素~ 如有错误,请大家在评论区指出,一起进步! 一.区别二.常见的块级元素: p:段落标签 div:把DIV看作是一容器,容器专门用来包含内容 h1.h2- - ...
HTML中行内元素与块级元素的区别
区别: 1.行内元素与块级函数可以相互转换,通过修改display属性值来切换块级元素和行内元素,行内元素display:inline,块级元素display:block. 2.行内元素和其他行内元素 ...

p元素嵌套块级元素失效问题

日志

解决

p元素嵌套块级元素失效问题相关推荐

最新文章

热门文章