CSS
Neil_Lien
前端小白~~~
展开
-
css文本单行超出和多行超出省略号
单行: width:300px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; 多行: 多行我查了一下有两种方法,一种是用webkit-line-clamp,但是这种方法我试着不管用。所以我用了第二种方法,后缀加after伪元素解决这个问题,但是需要用js判断什么时候显示和隐藏,代码如下,可拷贝 <!DO...原创 2020-02-27 15:44:27 · 201 阅读 · 0 评论 -
纯CSS模仿微信的Switch按钮+微信公众号PHP前后端完整代码
先上效果图 其实很简单,就是应用了CSS里transition这个属性,当选择框为checked的时候给一个坐标,默认的时候为另一个,就会有动画效果,input框已经隐藏了,用label标签去写样式,直接上代码吧 (之所以switch一开始要display:none隐藏,是因为,刚开始总有一个默认值,当初始化的时候,如果数据库的值与默认的不一样,加载页的时候会自动显示一个动画,不太舒服。于是就...原创 2018-08-10 10:44:37 · 429 阅读 · 0 评论 -
表格到移动端页面超出预定宽度问题
最近在做一个兼容移动端的页面,页面中有表格。本来这个页面是个弹窗,我将其在小分辨率下铺满,然后发现,ios下左右滑动不了,然后发现,表格生成后莫名的加宽了,导致父级元素到iframe为止都被撑大了。百思不得其解,最后,用下面一句CSS属性解决之。 table-layout:fixed;...原创 2018-09-27 10:53:59 · 2918 阅读 · 0 评论