div标签叠置时,有些标签无法顺利选中并输入文字等编辑

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了div标签叠置时,有些标签无法顺利选中并输入文字等编辑相关的知识,希望对你有一定的参考价值。

这个有些难以描述,请各位耐心些:
我设置了几个div标签,互相叠置:page-wrapper(1400*1000 宽*高),page-outter(1024*848),page(1000*830),以及content(998*500),这些div是互相包含的关系,主要代码如下:
<div id="page-wrapper">
<div id="page-outter">
<div id="page">
<div id="content" class="round-corner">contect
</div>
</div>
</div>

现在,我想在设计(design)窗口选中content标签进行本文输入等工作,可是根本无法选中,只能选中一个大的page-wrapper区域,还无法输入文字。下部的标签名称也只有<body>, <div#page-wrapper>, <div#page-outter>这三个,也就是说在设计窗口中只能选中这三个标签,无法选中我想要输入文字的content标签。
虽然从代码中可以选中content标签,也可以从代码中插入我想要输入的文字,但是由于文字特别多,在代码中插入实在太难了。求教各位,如何设置才能让我在设计窗口中顺利选中content标签,进行输入文字等编辑工作?
谢谢各位!拜谢!!

参考技术A 你可以这样,在代码视图里,点击鼠标,点到<div id="content" class="round-corner">这个里面任何地方,看到鼠标一闪一闪后,切换到设计窗口,就能看到已经选中了哦,下面标签会显示<div#content>,如果一次不行,尝试两次,两次必成。本回答被提问者采纳

以上是关于div标签叠置时,有些标签无法顺利选中并输入文字等编辑的主要内容,如果未能解决你的问题,请参考以下文章

js获取div里的文字,并对选中文字进行操作

在通知回调中设置时,标签不会出现在标签栏项目上

就教若何用JS获得鼠标选中的HTML标签的XPATH路径?

可编辑div问题总结(光标,显示等)

如何使文字在div中水平和垂直居中的css代码

如何让div中的文字只显示一行,多余的文字隐藏并加上省略号