将焦点居中放在div contentEditable中（水平和垂直居中）

Question

我的表格包含许多textarea个（已更改为div并且属性为contentEditable），还有CSS我已完成{{{ 1}}水平居中，也垂直居中。一切都运行正常，只有一件事情不行 - 当你输入innerHTML时，它聚焦了，光标位于左上角，但是当你开始将其移动到中心时。

我怎么做，当你对焦div时，光标会在中心？

See demo here

非常感谢。

编辑： 对不起，我的错，它不仅仅适用于Firefox。

Answer 1

在FF中，您需要将div重置为内联框并调整垂直对齐，使其位于单元格的中间位置： 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;
}