一、單行文字出現點點點...
.div{
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
.box{
text-overflow: -o-ellipsis-lastline;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;//限制顯示3行
overflow: hidden;
因使用了webkit的css擴充套件屬性，該方法適用於webkit瀏覽器及移動端；
CSS 文字溢位省略成點點點
text 我是單行文字我是單行文字我是單行文字我是單行文字我是單行文字我是單行文字我是單行文字我是單行文字 text text 我是多行文字我是多行文字我是多行文字 我是多行文字我是多行文字我是多行文字 我是多行文字我是多行文字我是多行文字 我是多行文字我是多行文字我是多行文字 我是多行文字我是多行...
多行文字溢位
大家應該都知道用text overflow ellipsis屬性來實現單行文字的溢位顯示省略號 當然部分瀏覽器還需要加寬度width屬性。css overflow hidden text overflow ellipsis white space nowrap 但是這個屬性並不支援多行文字溢位顯示省...
文字內容溢位用點點點 省略號
我們在專案中一直都是使用js來控制如果文字內容超過的時候，用.來表示，其實是可以通過css來控制的，下面提供幾種辦法 測試的瀏覽器 ie6，ie7，ie8，chrome17 firefox10 1 css方法 text overflow fag width 500px white space now...