Html Textarea需要省略号而不是换行符

我需要知道是否有CSS忍者可以教我如何做到这一点。我已经建立了一个JSFIDLE，其中有一个我所看到的示例

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

---

是否必须使用文本区域本身？ 您可以使用行的

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>

发生了什么事


第二行，它也需要有一个省略号

---

我猜文本溢出只适用于未替换的元素。检查此页面的“兼容性”部分，看起来您无法在文本区域中执行此操作。检查此答案，还更新了您的小提琴在FF中的工作情况，但不确定其他元素是否正常此方法的问题是，每行、每一个

p

元素的单词都会被截断，而不是单词被下推到下一个

p

，然后在包含元素的末尾作为一个整体被截断。。。