lineclamp:文字溢出

时间:2024-05-31 20:37:14
【文件属性】:

文件名称:lineclamp:文字溢出

文件大小:32KB

文件格式:ZIP

更新时间:2024-05-31 20:37:14

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)

网友评论