填充文本超出其限制的框

我需要製作一個具有鎖定高度和寬度的框。如果文本內容超過了框的高度，我希望它自動縮短。填充文本超出其限制的框

這樣的：

<div style="height:100px; width:100px; border:solid 1px #000;"> 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque scelerisque gravida augue, in luctus nibh feugiat et. In lacinia. 
</div>

來源

2013-01-12 Justian Raahauge

該文本應該如何縮短？ – Pankrates

你正在尋找的CSS語句大概是：

text-overflow: ellipsis;

與省略號（...），quirksmode.org has an example縮短文本。對於多行塊，請參考this Stack Overflow question。

來源

2013-01-12 21:25:56 praseodym

這是如何工作的多行，我從來沒有得到它的工作多行文本？請看這個小提琴。 http://jsfiddle.net/RhXnv/ – dev

請參閱http://stackoverflow.com/questions/6222616/with-css-use-for-overflowed-block-of-multi-lines。 – praseodym

我不認爲只用css就可能，所以文本溢出選項不好，因爲上面的問題是針對多行的。 – dev

我曾經遇到過這個問題，而text-overflow:ellipsis;很適合多行代碼的單行文本，您想要限制高度我發現了ThreeDot jquery插件很適合多行文本，並且有很多選項。

還有dotdotdot插件。

來源

2013-01-12 21:27:59 dev

這是什麼溢出 CSS屬性是，你可以看到它的例子[在QuirksMode]。 1

不知道你想如何縮短文本不能給你任何例子的恐懼。

來源

2013-01-12 21:28:13

如果要截斷所述用戶輸入到固定長度使用以下
的示例創建一個文本區域，其限定所述用戶輸入100個字符，並且還向用戶顯示剩餘計數。

1步 - 創建功能

將下面的代碼插入到頁面頭：

<script language="javascript" type="text/javascript"> 
function limitText(limitField, limitCount, limitNum) { 
    if (limitField.value.length > limitNum) { 
     limitField.value = limitField.value.substring(0, limitNum); 
    } else { 
     limitCount.value = limitNum - limitField.value.length; 
    } 
} 
</script>

2步 - 創建文本區域

使用下面的代碼來創建窗體和文本區域（如有必要，更改表格和文本區域的名稱以滿足您的需求）：

<form name="myform"> 
<textarea name="limitedtextarea" onKeyDown="limitText(this.form.limitedtextarea,this.form.countdown,100);" 
onKeyUp="limitText(this.form.limitedtextarea,this.form.countdown,100);"> 
</textarea><br> 
<font size="1">(Maximum characters: 100)<br> 
You have <input readonly type="text" name="countdown" size="3" value="100"> characters left.</font> 
</form>

如果您希望將其應用於文本框，請按照

來源

2013-01-12 21:32:24 Shekhar

填充文本超出其限制的框

回答

相關問題