【文件属性】:
文件名称:lineclamp:文字溢出
文件大小:32KB
文件格式:ZIP
更新时间:2021-05-12 02:50:34
HTML
.lineclamp
文本溢出:多行省略号。
你是怎么做到的?
. lineclamp {
/* config */
line-height : 1.5 ;
height : 3 em ;
background-color : # fff ;
/* config end */
position : relative;
padding-right : 1 em ;
overflow : hidden;
}
. lineclamp : before {
content : "..." ;
position : absolute;
right : 0 ;
bottom : 0 ;
display : inline-block;
width : 1 em ;
}
. lineclamp : after {
content : "" ;
【文件预览】:
lineclamp-gh-pages
----package.json(296B)
----test()
--------index.html(697B)
--------main.css(414B)
----gulpfile.js(896B)
----index.html(96B)
----screenshot.png(30KB)
----src()
--------index.jade(615B)
--------main.styl(404B)
----.gitignore(27B)
----README.md(713B)
----.editorconfig(190B)