Question

我所拥有的是几个可编辑的分区，用户可以用几个单词或整个段落来编辑分区。问题是，如果它们超过分区宽度的一行，则整个页面的内容不会向下移动以适应它，而是新编辑的文本恰好位于它重叠的任何内容之上（I＆＃39;我不使用Z-Index）。

如何进行分割，以便在页面的其余部分进行编辑时以及在编辑完＆＃34;已保存＆＃34;

之后进行分页。

我的部门CSS是：

.information {
    font-size: 12pt;
    color: red;
    background-color: transparent;
    max-width: 700px;
}

当你点击分区时，我的jquery将这个类添加到它......

.editDivOn {
    background-color: lightpink;
    color: black;
    width: 260px;
    font-size: 12pt;
}

代码段

<tr>
    <td>
        <div>What are the key dates for your program and when do you need your audience to have all the pertinent information?</div>
        <div class=\"center-content-div\">
        <div class = 'information' contenteditable='true' id = 'key_dates' name = 'key_dates'>".stripslashes($db_obj->key_dates)."</div>
        </div>
   </td>

Answer 1

啊，我修好了，谢谢Michael Coker。出于某种原因，我认为你必须使用contenteditable =“true”，但你没有。添加=“true”会导致整个问题。我删除了它，它按预期工作！

内容随着可编辑的划分而移动

1 个答案: