实践关于p标签内嵌p标签的bug

Stitch晨 Stitch晨     2022-08-30     367

关键词:

项目中遇到了一点小问题:

是这样的,在输入框包裹元素 p标签中想内嵌一个p 标签用作显示提示字符,谁知发生了一下一幕:

页面结构:

<p class="modify-info-wrap">
      <span>二级导航明细:</span>
      <textarea name="second-childNav-content" id="childTagInfo" class="modify-nav-info"></textarea>
      <p id="modify-childNav-hint"></p>
</p>

浏览器效果如下:

提示元素 p标签不见了,变成在外层的包裹标签外面

 

 

于是百度了一下,发现原来p 标签里面是不可以内嵌块状元素的,p标签自身也是块状元素,于是里面的p 标签便飙出去了,又是一次很好的经验教训

前端bug解决方案(代码片段)

...来布局。网上搜到很多常见的HTNML错误都是如此:错误1.标签嵌套混乱例1:比如常见的p标签里嵌套div标签<p>我是一个段落<div>我是一个块级元素</div>我是一个段落</p>浏览器解析后就变成这样了例2:缺少结束标... 查看详情

关于ckeditor编辑器的问题.为啥会在源码里自动添加<p>标签,可以不添加吗.

还有,一般的段落都会自动加上个<p>标签,有什么办法可以让他什么都不用加,我输入的是什么样的源码,就是什么样的,不会去添加其它标签.参考技术A去除CKEditor自动添加的<p></p>标签的方法,其实很简单,有两种办法:1.... 查看详情

css样式表

...式表  作为一个独立区域内嵌在网页里,必须写在head标签里边。<styletype="text/css">p//格式对P标签起作用{样式;}</style 查看详情

关于rem和em的理解

rem是基于html定义的字体大小而决定,而em则根据使用它的元素的大小决定,很多人错误认为是根据父类元素,实际上是使用它的元素继承了父类的属性才会产生的错觉。如何运用rem?例如:在项目的公共样式文件初始化设置(屏... 查看详情

前端自学随笔html属性

HTML基础元素:  标题(Heading)通过<h1>-<h6>标签来定义:<h1>这是一个标题</h1>  在<head>标签中使用<title>标签,内嵌的内容会显示在浏览器的标题栏中。  段落是通过标签<p>来定义:<p>这... 查看详情

如何根据h标签的宽度设置p标签的宽度

】如何根据h标签的宽度设置p标签的宽度【英文标题】:Howtosetwidthofaptagaccordingtothewidthofahtag【发布时间】:2016-04-2407:36:04【问题描述】:所以我有一个&lt;h&gt;标签和一个&lt;p&gt;标签。&lt;p&gt;标签的宽度需要跟随... 查看详情

BeautifulSoup:在定义的h2标签之间拉p标签

】BeautifulSoup:在定义的h2标签之间拉p标签【英文标题】:BeautifulSoup:Pullptagwhilebetweendefinedh2tags【发布时间】:2017-12-2512:39:43【问题描述】:这让我有点困惑。我正在尝试通过“NewFundings”和“NewFunds”的名称从“h2”标签下的“p... 查看详情

p标签内容实现第二行缩进两个字体间距

pword-break:normal;text-indent:-2em;margin-left:2em;<p>p标签实现自动换行:p标签实现自动换行:p标签实现自动换行:p标签实现自动换行:p标签实现自动换行:p标签实现自动换行:p标签实现自动换行:p标签实现自动换行:p标签实现自动换行:p标... 查看详情

jquery怎样获取并且修改p标签内的值

参考技术A可以先使用jQuery选择器将p标签选中,然后用html()函数修改p标签内容。1、新建html文档,在body标签中添加一个p标签,标签的id设为“demo”并添加一段文字,然后引入jQuery:2、添加script标签,使用jQuery选择器$("#demo&qu... 查看详情

细节回顾p标签的嵌套问题

<p><p>1</p><p>2</p></p>会被解析成<p></p><p>1</p><p>2</p><p></p> 即p标签里不能再嵌套块级元素,只能嵌套内联元素,<h1>,<h2>,<h3 查看详情

为啥 P 标签不占用行的整个高度?

】为啥P标签不占用行的整个高度?【英文标题】:whyPtagnottakingwholeheightofrow?为什么P标签不占用行的整个高度?【发布时间】:2015-09-1812:47:18【问题描述】:你能告诉我为什么P标签不占用整个行高吗?实际上我的行中有p标签,... 查看详情

gne预处理技术——把div标签中的正文转移到p标签中(代码片段)

GNE预处理技术——把div标签中的正文转移到p标签中摄影:产品经理买单:kingname大部分的新闻网站,其新闻正文是在p标签中的。所以GNE在统计文本标签密度时,会考虑p标签的数量和p标签中文本的数量。但是也有一些网站,他们... 查看详情

关于标签

标签分为:双标签(开始标签和结束标签),单标签(空标签)标题标签:h1到h6,有6个写为<h1>~<h6>双标签:html title head body h1-h6 p a b(加粗标签) i(倾斜标签)sup (上斜标签)sup(下斜... 查看详情

cssdiv怎么做出来鼠标移动上就显示其内容?

用css伪类hover可以实现这个功能。1、新建html文档,在body标签中添加一个div标签,然后在div标签中添加p标签,为p标签添加内容:2、为了方便演示,给div标签设置宽高和背景颜色,然后给p标签设置“display”属性,属性值为“none... 查看详情

怎么用js获取html标签内的内容

...首先打开hbuilder软件,新建一个html文件,里面写入一个p标签和一个按钮标签。2、然后在p标签的下方设置一个script标签,里面写入js胆码;先获取p标签和按钮的dom对象,然后给按钮添加一个点击事件,再点击事件爱的回调中alertp... 查看详情

CSS - “p”标签背景不换行

】CSS-“p”标签背景不换行【英文标题】:CSS-"p"tagbackgrounddoesnotwrapp【发布时间】:2015-01-0803:37:50【问题描述】:这是一个简单的CSS问题,但我还不知道。我有几个带有背景颜色的p标签,我的问题是背景在每个标签中都延... 查看详情

居中对齐 div 内的所有 p 标签 [重复]

】居中对齐div内的所有p标签[重复]【英文标题】:centeralignalltheptagsinsidediv[duplicate]【发布时间】:2021-10-2520:22:22【问题描述】:这是我的代码,我想在所有媒体屏幕尺寸中居中对齐div内的所有p标签。我该怎么做?<divid="thankyou_... 查看详情

a标签的使用

 <p><a name="label"></a >第一页</p ><p>aaaaaaaaaaaaaaaaaaa</p ><p>aaaaaaaaaaaaaaaaaaa</p ><p>aaaaaaaaaaaaaaaaaaa</p& 查看详情