span contenteditable width不起作用

Question

当span标记与属性contenteditable =“true”一起使用时，它会忽略所有宽度css

    <span contenteditable="true" style="width:400px;border:1px solid black;">
    Content filler
    </span>

以上产生了这个
有没有人知道怎么做，所以盒子不符合这样的文字，并遵循常规的CSS？

Answer 1

span是display:inline元素。宽度不适用于内联元素。

将display:inline-block;或display:block;应用于范围。