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需要省略號而不是自動換行

回答

相關問題