Question

我想知道，当我的文字翻过内容可编辑的div。

I dont want to have a scroll or anything, just as it is.

我想要的是阻止（不要隐藏溢出，阻止!!）任何低于div的文本。

这是我的JSFiddle与我的问题。

http://jsfiddle.net/N4tTp/1/

提前致谢。

Answer 1

正如其他人所说，你可以使用text-overflow: ellipsis，但不幸的是，这只适用于一行（不是多行）

example

text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;

如果你想要多行，你将不会得到省略号

overflow: hidden;

multiline example without ellipsis

Answer 2

<html>
<head>
<style>
    div.block{margin:20px;width:400px;height:100px;overflow:hidden;}
 //defined some style just for demonstration
</style>
<body>
    <div  class="block" contenteditable="true" onkeyup="ManageOverflow(event)">
    Block Content
    </div>  
</body>
<script>
function ManageOverflow(event){
    if(event.target.scrollHeight > event.target.clientHeight){
        //your action here
    }
}

</script>
</html>

找出文本何时超过contenteditable div

2 个答案:

example

multiline example without ellipsis