css - 跨度内容可编辑宽度不起作用

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;到跨度。