这里是一个什么样的效果,我想有一个形象:创建内容编辑的DIV在与文本范围内
ICON LINE - 1 Some text Inside a div element
and the next line should start
here
ICON LINE - 2 Some text Inside a div element
and the next line should start
here
ICON LINE - 3 Some text Inside a div element
and the next line should start
here
这里是我试过的代码:
<div>
<div>
<span style="padding-left: 40px;">ICON</span>
<div contenteditable="true" style="display:inline-block; padding-left: 20px; width:200; position: absolute;">
<font> LINE 1 -- Some text Inside a div element and the next line should start here kjdaskjdaskldjaskldjaskldjaskldjaskljdaskljdaslkjdkl</font>
</div>
</div>
<div>
<span style="padding-left: 40px;">ICON</span>
<div contenteditable="true" style="display:inline-block; padding-left: 20px; width:200; position: absolute;">
<font>LINE 2 -- Some text Inside a div element and the next line should start here kjdaskjdaskldjaskldjaskldjaskldjaskljdaskljdaslkjdkl</font>
</div>
</div>
</div>
这里是一个演示: http://jsfiddle.net/supersuraccoon/djv83qpd/1/
它几乎在那里,但你可以在上面的链接看到所有的文字重叠。
任何建议将赞赏,感谢:)
您需要滚动或您需要扩展div之间的空间? –
为什么你需要绝对定位? –
当前两个div(包含line1,line2)内的内容重叠。我希望第二个div跟着第一个div(比如他们之间有一个20px)。你可以检查jsfiddle演示。 – supersuraccoon