JQ多行文字溢位省略號外掛程式

2022-05-03 02:24:08 字數 735 閱讀 1712

一、引入jq和jquery.dotdotdot.min.js

二、html結構

點選之後

新房和二手房各有優缺點。主要有一下區別:

1、交易條件不同

開發商將新房**給購房者的前提條件是:開發商需要 取得五證二書。

2、買房首付、貸款額度不同

開發商將新房**給購房者的前提條件是:開發商需要 取得五證二書。

3、交易條件不同

開發商將新房**給購房者的前提條件是:開發商需要 取得五證二書。

全部三、css樣式

//

答內容 .detail-content

}.opened

四、外掛程式使用

//

點選全部按鈕,展開內容

var $dot = $('

.detail-content');

$dot.dotdotdot({});

$("#hot-questio-list

").on('

click

','button

',function()

else

); $(

this).text('全部'

); }

return

false

; }

);

多行文字溢位省略號解決方案

沒啥缺點,就是得引jq,綜合來講算是最優解 最大的缺點就是只支援webkit,不過貴在不需要寫js text overflow o ellipsis lastline overflow hidden text overflow ellipsis display webkit box webkit l...

CSS 多行溢位省略號

參考文件 部落格 webkit line clamp display box布局的詳細介紹 webkit line clamp 限制在乙個塊元素顯示的文字的行數。是乙個不規範的屬性,它沒有出現在 css 規範草案中。為了實現限制行數,它需要組合其他外來的webkit屬性一起使用 將物件作為彈性伸縮盒...

多行文字溢位顯示省略號

這裡是i喵醬,這個是乙個多行超出換行的小demo,看這裡看這裡 overflow hidden 內容會被修剪,超出隱藏。text overflow ellipsis 超出範圍顯示 display webkit box 把物件轉換成彈性盒模型 webkit box orient vertical 設定...