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

我有许多textarea的表（已经改为使用属性contentEditable div ），还有CSS我做了innerHTML水平和垂直居中。 一切都工作正常，只有一件事是不行的 – 当你输入div ，所以它的焦点，光标在左上角，但当你开始写它移动到中心。

我怎么办，当你聚焦div ，光标会在中心？

在这里看演示

非常感谢。

编辑：抱歉，我的错，它不仅适用于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; }