Question

textarea的填充始终是固定的。当滚动文本区域的文本内容时，填充仍然靠近边缘。

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

This demo说明了不同之处。

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

Answer 1

您的特定问题的答案，即非文本区域是否满足＆＃34; contenteditable＆＃34;块级元素的填充可以表现得像textarea＆＃34; no。＆＃34;

通过向div中添加其他元素，可能有一种方法可以实现这种外观，但div的填充将始终表现为填充设计。

你的填充问题与＆＃34; contenteditable＆＃34;无关。属性。你可以采取＆＃34; cnotenteditable = true＆＃34;离开你的div，填充的行为方式相同。填充＆＃34;清除内容周围的区域＆＃34;元素的元素，在此示例中是div中的文本。填充将始终保留在文本周围，而不是在div的内部。

Answer 2

2019年的回复。设置：

border: 10px solid black;
background: black;
color: white;

完美运行。小提琴：https://jsfiddle.net/shill/2k81acux/

Answer 3

<body>
  <div style="padding:20px">
    <div contenteditable="true"></div>
   </div>
</body>

{{1}}

在contenteditable元素中修复了填充

3 个答案: