上标和下标的 jQuery execCommand 未正确切换

Question

我正在尝试使用 jQuery 和 execCommand 创建一个文本编辑器。一切都很顺利，直到我注意到 superscript 和 subscript 都没有正确切换。

这个 jsFiddle ( http://jsfiddle.net/k8F4P/ ) 应该可以说明问题。

这可能只是我的浏览器的问题，但我使用的是最新版本的 Mac 版 Chrome。

Answer 1

结果发现问题是样式表 normalize.css 正在设置 sub 和 sup 标记的 vertical-align 到 baseline 这会阻止正确的切换，但仅限于 Chrome。简单的解决方案是将 sub 设置为 vertical-align: sub 并将 sup 设置为 vertical-align: super。