CSS

CSS 可以做到当溢出的时候触发某样式吗?

听起来太魔力了,我感觉没有。但这样就很难实现一些功能了。

Colliot12/21/2017, 12:57:33 AM

这个思路可以:

https://www.w3cplus.com/css/flexible-overflow.html

或者更简单的用float:

http://jsfiddle.net/LJ62x/

更简单的是用一个距离顶部一定距离的渐变遮罩层实现,高度不够的时候遮罩层显示不出来


还有一个stackoverflow的帖子也可以参考一下:

https://stackoverflow.com/questions/6222616/with-css-use-for-overflowed-block-of-multi-lines/42177116#42177116

mirone12/21/2017, 2:09:57 AM

这个思路可以:

https://www.w3cplus.com/css/flexible-overflow.html

或者更简单的用float:

http://jsfiddle.net/LJ62x/

更简单的是用一个距离顶部一定距离的渐变遮罩层实现,高度不够的时候遮罩层显示不出来


还有一个stackoverflow的帖子也可以参考一下:

https://stackoverflow.com/questions/6222616/with-css-use-for-overflowed-block-of-multi-lines/42177116#42177116

——mirone

补充一个: http://dev.mobify.com/blog/multiline-ellipsis-in-pure-css/

mirone12/21/2017, 2:42:51 AM

预览:

取消

其他地方

ice1000 回复了 输入 MathJax 公式的正确姿势

@Colliot 还不能艾特吗

ice1000 回复了 👨‍👩‍👧‍👦

(◐‿◑)

ice1000 回复了 👨‍👩‍👧‍👦

👨‍👩‍👧‍👦

ice1000 回复了 Swift 真是 Emoji 的急先锋

在Java里面也肯定是11了。

ice1000 回复了 Swift 真是 Emoji 的急先锋

Welcome to Kotlin version 1.2.10 (JRE 1.8.0_151-8u151-b12-0ubuntu0.16.04.2-b12) pe :help for help, :quit for quit

"👨👩👧👦".length

ice1000 回复了 输入 MathJax 公式的正确姿势

你们一直在说恺神。。。恺神是谁?

Colliot 回复了 手机操作真难受_(:з」∠)_

感觉现在很少能看到除号了……

Colliot 回复了 说起来感觉上线之后没那么辣眼睛

你知道吗?我可以回复你了……