html - 修复了 contenteditable 元素中的填充

Question

textarea 的填充总是固定的。当文本区域的文本内容滚动时，填充保持在边缘附近。

contenteditable 元素的填充行为不同。当元素的文本内容滚动时，padding 随之移动。

This demo说明了差异。

contenteditable 元素是否可以设置样式，使其填充行为更像 textarea 填充，在滚动文本内容时保持原位？

Answer 1

关于非文本区域“contenteditable” block 级元素的填充是否可以像文本区域一样运行的特定问题的答案是“否”。

可能有一种方法可以通过向您的 div 添加额外的元素来实现这种外观，但是您的 div 的填充将始终按照设计的填充方式运行。

您的填充问题与“contenteditable”属性无关。您可以从您的 div 中删除“cnotenteditable=true”，填充的行为方式相同。填充“清除元素内容周围的区域”，在此示例中是您的 div 中的文本。填充将始终保留在文本周围，而不是 div 内部。