css超出多行顯示...-webkit-line-clamp案例

static：對(duì)象遵循常規(guī)流。top，right，bottom，left等屬性不會(huì)被應(yīng)用。 relative： 對(duì)象遵循常規(guī)流，并且參照自身在常規(guī)流中的位置通過top，right，bottom，left屬性進(jìn)行偏移時(shí)不影響常規(guī)流中的任何元素。 absolute：對(duì)象脫離常規(guī)流，使用top，right，bottom，left等屬性進(jìn)行絕對(duì)定位，盒子的偏移位置不影響常規(guī)流中的任何元素，其margin不與其他任何margin折疊。fixed：對(duì)象脫離常規(guī)流，使用top，right，bottom，left等屬性以窗口為參考點(diǎn)進(jìn)行定位，當(dāng)出現(xiàn)滾動(dòng)條時(shí)，對(duì)象不會(huì)隨著滾動(dòng)。center：對(duì)象脫離常規(guī)流，使用top，right，bottom，left等屬性指定盒子的位置或尺寸大小。盒子在其包含容器垂直水平居中。盒子的偏移位置不影響常規(guī)流中的任何元素，其margin不與其他任何margin折疊。(CSS3)page：盒子的位置計(jì)算參照absolute。盒子在分頁(yè)媒體或者區(qū)域塊內(nèi)，盒子的包含塊始終是初始包含塊，否則取決于每個(gè)absolute模式。(CSS3) sticky： 對(duì)象在常態(tài)時(shí)遵循常規(guī)流。它就像是 relative 和 fixed 的合體，當(dāng)在屏幕中時(shí)按常規(guī)流排版，當(dāng)卷動(dòng)到屏幕外時(shí)則表現(xiàn)如fixed。該屬性的表現(xiàn)是現(xiàn)實(shí)中你見到的吸附效果。(CSS3)* CSS3新增屬性可能存在描述錯(cuò)誤及變更，僅供參考，持續(xù)更新

提示：您可以先修改部分代碼再運(yùn)行

總結(jié)

以上是生活随笔為你收集整理的html超出后变成点点点,css多行文字超出显示点点点...-webkit-line-clamp详解的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。