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

Question

我有一个带有 contenteditable="true" 的 div 元素。我给了 -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/