后，我有一个contenteditable分区。我使用CSS :after选择器将asterix附加到内容。：在伪元素和内容contenteditable
<div contenteditable="true">Test content</div>
[contenteditable]:after {
content: ' *';
}
http://jsbin.com/hojemaziba/edit?html,css,output
然而，这会导致问题。在Chrome和IE上，光标显示在错误的地方，在Firefox上，asterix出现在下一行。
我该如何追加asterix？
添加display: inline-block;和一些定位将固定在输入时的地毯位置。
[contenteditable] {
position: relative;
display: inline-block;
border: solid 1px red;
padding-right: 20px;
}
[contenteditable]:after {
display: inline-block;
content: '*';
position: absolute;
right: 0;
top: 2px;
}<div contenteditable="true">Test content</div>使用相对位置是当文本有多个或单个线好得多。
div {
display:inline-block;
}
[contenteditable]:after {
content: ' *';
display:inline-block;
position:relative;
top:4px;
padding-left:4px;
}
@Kaiido是的，看到它和固定它。答案已更新，请再看一遍。现在的问题是，如果你输入的太多，并且它进入下一行，asterix将停留在绝对位置。 – caramba
是的，我打算让你知道新的线路问题;-)但我认为FF'
'插入实际上是一个错误，但我不知道'contenteditable'的规格太多了，所以我不能说当然。 – Kaiido
感谢您的回复。绝对位置有点棘手，因为asterix应该在行尾，正如你所指出的那样，如果你输入的太多，它会保持在最前面。 – Mikko