css - 随笔分类 - 指尖流年1218

摘要：记录一下移动端 IOS 使用word-break:break-all无效(安卓，模拟器正常)，改为word-break:break-word 阅读全文

posted @ 2022-10-17 17:59 指尖流年1218 阅读(438) 评论(0) 推荐(0)

摘要：图片增加css样式即可 flex-grow: 0;flex-shrink: 0; 阅读全文

posted @ 2020-10-23 14:30 指尖流年1218 阅读(428) 评论(0) 推荐(0)

摘要：超出宽度，显示省略号 overflow:hidden; white-space:nowrap; text-overflow:ellipsis; 需要注意的是，在移动端在flex元素中的内容进行省略文字的操作，则flex失效，flex之外的内容宽度不受控制，图片宽度无法撑起，解决办法如下：给设置了fl 阅读全文

posted @ 2019-12-04 19:01 指尖流年1218 阅读(431) 评论(0) 推荐(0)

uni-app中实现图片左滑的效果

摘要：template: js: css: 实现效果：图片可以左右滑动显示阅读全文

posted @ 2019-09-30 16:12 指尖流年1218 阅读(2936) 评论(0) 推荐(0)

去掉有定位的left值

摘要：left: initial; 一开始就是初始（默认值）的意思，就可以解决定位的left啦阅读全文

posted @ 2019-09-30 09:47 指尖流年1218 阅读(456) 评论(0) 推荐(0)

跳转到下一页面时，必须先勾选阅读xx须知/协议才可跳转功能

摘要：当跳转到新的html页面时，先判断checkbox是否选中，选中-->跳转到新页面；未选中--弹出提示消息（请先同意须知） HTML： js: 注：需要引入layer.css和layer.js两个文件阅读全文

posted @ 2019-08-11 10:06 指尖流年1218 阅读(2062) 评论(0) 推荐(1)

底部footer挡住上面内容的bug

摘要：当设置底部footer的样式为： .footer{ position: fixed; height: 49px; bottom: 0; background: #fff; } 这样会挡住上面的内容，修改如下：给body加个样式： body{ padding-bottom: 49px; //和设置f 阅读全文

posted @ 2019-08-06 10:26 指尖流年1218 阅读(489) 评论(0) 推荐(0)

css实现超出部分显示省略号

摘要：/* 显示一行，省略号 */ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; /* 显示两行，省略号 */ text-overflow: -o-ellipsis-lastli 阅读全文

posted @ 2019-07-19 19:34 指尖流年1218 阅读(124459) 评论(0) 推荐(4)

随笔分类 - css

公告