Safari中可编辑内容div的Column-Count Css错误

Question

我有一个div元素contenteditable="true"。我已经-webkit-column-count: 2给了它两列。当我输入第一列并点击 Enter 时，它会跳转到safari中的第二列。在Chrome中，它运作良好。

<div class="textarea" contenteditable="true"></div>    

.textarea
{
  width:400px;
  height:300px;
  -webkit-column-count:2;
  -webkit-column-gap:25px;
  border:1px solid #000;
}

这是模型jsfiddle

Answer 1

添加-webkit-column-fill: auto

http://jsfiddle.net/b5036utf/12/