jquery - 将光标置于 div contentEditable 中的焦点上(水平和垂直居中)

Question

我有很多 textarea 的表格(已经更改为 div 的属性 contentEditable)，我也用 CSS 做到了innerHTML 水平和垂直居中。一切正常，只有一件事不对 - 当你输入 div 时，它的焦点，光标位于左上角，但当你开始写它时，它移动到中心。

我该怎么做，当您聚焦 div 时，光标将位于中心？

See demo here

非常感谢。

已编辑:抱歉，我的错，它不能只在 Firefox 中工作。

Answer 1

在 FF 中，您需要将 div 重置为内联框和 regulr vertical-align，以便它位于单元格的中间: DEMO

.termin:focus{/* only once focused, else nothing to click on if empty */
    height: auto;
    width:auto;
    display:inline-block;
    vertical-align:top;
}

您也需要将 valign 固定为 td :vertical-align:center;不存在:)

.terminy td {
    text-align: center;
    vertical-align:middle;/* fixed with a valid value*/
    height: 60px;
    background-color: #fff;
}