如何在 IE contenteditable 元素中显示两列布局答案

【问题标题】：How to display two column layout in IE contenteditable element如何在 IE contenteditable 元素中显示两列布局
【发布时间】：2016-07-14 18:29:41
【问题描述】：

我正在处理一个 contenteditable 元素，我需要在其中以两列布局显示一些内容。用户应该能够将光标放在文本中的任何位置，并且还应该能够使用箭头键从一个位置移动到另一个位置。

我正在使用column-count css 在两列中显示内容。它在其他浏览器中运行良好，但在 IE11 中，每当我单击列时，都会出现一个框。箭头键也被限制在列布局内。

我在https://jsfiddle.net/rex3c3yf/ 创建了一个示例示例。欢迎任何 JS 或 CSS 解决方案

IE11 中的问题

【问题讨论】：

【解决方案1】：

尝试对 div 中的每个 p 标签使用 contenteditable="true"。您可以为每个标签单独指定它们，也可以使用 javascript 为 div 中的所有 p 标签添加 contenteditable=true。

【讨论】：