![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
Colin_me
我为何要退却,未曾努力,还奢望得到什么?
展开
-
div高度自适应填充剩余部分
在开发过程中遇到这样一种情况:上面一个div固定高度,下面一个div高度自适应填充剩余部分。原本是通过JS计算得到下面div的高度,倒是考虑到代码优化的问题,还是想采用css来达到想要的效果。底部div的css代码如上图,具体效果如下:...原创 2018-11-23 20:15:33 · 449 阅读 · 0 评论 -
CSS:文字溢出点点点效果
单行文字溢出点点点效果:只需要3行代码:.ell{ text-voerflow: ellipsis; white-space: nowrap; overflow: hidden;}对-webkit-私有前缀支持良好的浏览器还可以实现多行文字打点效果,但是无须依赖overflow:hidden。比方说,最多显示2行内容,再多就打点的核心CSS代码如下:....原创 2018-11-25 18:48:54 · 2410 阅读 · 1 评论 -
Fixed定位下的水平居中
在写气泡弹出提示组件时用到了这个样式:适用于提示弹出框之类的position: fixed;left: 0;right: 0;margin: auto;原创 2018-12-08 15:58:37 · 3189 阅读 · 0 评论 -
div里包含img底部多出3px的解决办法
如果将一个img放在div里面,你会发现在img下面无端端的就多出3px的空白出来。padding、margin、border都设为0,无效!那么怎么解决这个问题呢?如果将一个img放在div里面,你会发现在img下面无端端的就多出3px的空白出来。padding、margin、border都设为0,无效!那么怎么解决这个问题呢?这个Bug真是十分有意思,不过有N多种解决办法!1、设置...原创 2019-01-10 15:34:18 · 776 阅读 · 0 评论