Textarea需要省略号而不是自动换行

Question

我需要知道是否有任何CSS Ninja可以告诉我如何做到这一点。我已经建立了一个JSFiddle，其中包含了我所看到的一个例子。

它是一个测试区域，其中有两条线。这两行都没有包装，但它们都不会像我要求的那样省略。也许这是不可能的。

http://jsfiddle.net/aaronfrost/PjuFB/

Answer 1

您是否必须使用textarea本身？ 您可以使用contenteditable div和p标记来使用

<div contenteditable="true">
    <p class="wtf">
        WHAT IS HAPPENING asdfkjas dflkasd jfalskdfj asldkfj asldkf
    </p>
    <p class="wtf">
        SECOND LINE and it also needs to have an ellipsis
    </p>
</div>

View fiddle here