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

我需要知道如果有任何CSS忍者在那里可以就我如何做到这一点。我已经用我看到的一个例子来建立一个JSFiddle。Textarea需要省略号而不是自动换行

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

2012-03-12 frosty

我猜文本溢出只适用于非替换元素。 – j08691 2012-03-12 21:08:03

检查此页面的兼容性部分http://reference.sitepoint.com/css/white-space，看起来不像你可以在textarea中做到这一点。 – Dampsquid 2012-03-12 21:09:19

检查这个答案http://stackoverflow.com/questions/657795/how-remove-wordwrap-from-textarea，也更新了你的小提琴http://jsfiddle.net/PjuFB/14/工作在FF不知道其他人 – Dampsquid 2012-03-12 21:37:25

是不是必须强制使用一个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

来源

2012-03-12 21:09:44 redDevil

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

回答

相关问题