CSS-HTML5 contenteditable元素内的空白消失解决
时间:2014-09-02 20:57 来源: 我爱IT技术网 作者:山风
最近在使用 HTML5 contenteditable 属性的元素上遇到一些问题，在操作 contenteditable 的对象时发现有时候空白会莫名其妙消失，使用消失这个字眼可能比较不精准，使用 collapse 应该较为妥当。
各浏览器针对 contenteditable 元素操作的方式有些许不同，再加上于 contenteditable 元素内输入内容有时会面临到换行、缩排等输入的特殊情况造成空白会 collapse。
我自己则是于 contenteditable 元素内使用 Bootstrap3 的 tooltip 时发生这个情形。经过测试了解可通过 CSS 来解决这个问题，做法其实相当简单，只需要在 contenteditable 的元素加上 CSS 属性：
white-space : pre-wrap;
增加上述 CSS 属性，浏览器会将空白保存起来。
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-