限制文字行數

1行：

white-space:nowrap;overflow:hidden;text-overflow:ellipsis;

ps*：一定要指定容器的寬度，不然的話是沒有用的。

多行：

方法一：只支援-webkit核心，不支援火狐

方法二： 不管怎樣，省略號都會出現，建議配合js，只有超出高度時，才顯示::after

p 

p::after

這裡注意幾點：

height高度真好是line-height的3倍；

結束的省略好用了半透明的png做了減淡的效果，或者設定背景顏色；

ie6-7不顯示content內容，所以要相容ie6-7可以是在內容中加入乙個標籤，比如用...去模擬；

要支援ie8，需要將::after替換成:after；

js方案：

1.clamp.js

使用也非常簡單：

var module = document.getelementbyid("clamp-this-module");

$clamp(module, );

2.jquery外掛程式-jquery.dotdotdot

$(document).ready(function() );

});

3.js

除了各個瀏覽器私有的屬性，有沒有跨瀏覽器的解決方法呢？當然是通過js實現啦！（通過從後向前逐個刪除末尾字元，直至元素的高度小於父元素高度）

$(".figcaption").each(function(i);

});

css限制文字行數且超出部分顯示省略號

實現方法 適用範圍 因使用了webkit的css擴充套件屬性，該方法適用於webkit瀏覽器及移動端 注 webkit line clamp用來限制在乙個塊元素顯示的文字的行數。為了實現該效果，它需要組合其他的webkit屬性。常見結合屬性 display webkit box 必須結合的屬性 將物...

怎樣得到文字框（TextBox）中的文字行數？

怎樣得到文字框 textbox 中的文字行數？計算文字框中輸入文字的行數可以使用sendmessage函式返回，當一行文字發生環繞時，它將被當作新的一行，而被非簡單的計算文字中的換行符個數。把以下api函式的宣告添入模組檔案的general declarations區域，如果您使用的是vb4 32或...

css限定文字行數，超出範圍的文字顯示為省略號

doctype html utf 8 測試 title head overflow hidden 必須結合的屬性,當內容溢位元素框時發生的事情 text overflow ellipsis 可以用來多行文字的情況下，用省略號 隱藏超出範圍的文字 display webkit box 必須結合的屬性 ...