2022年2月16日
不确定宽高的居中对齐
摘要： position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); 阅读全文
posted @ 2022-02-16 10:19 申伸 阅读(30) 评论(0) 推荐(0)
图片等比缩放
摘要： <div class="card__thumb"> <img src="thumb.jpg" alt="" /> </div> .card__thumb { position: relative; padding-top: 75%; } .card__thumb img { position: ab 阅读全文
posted @ 2022-02-16 10:14 申伸 阅读(41) 评论(0) 推荐(0)
uniapp scroll-view加flex不生效
摘要： white-space: nowrap; scroll-view包裹内容样式加display:inline-block; 阅读全文
posted @ 2022-02-16 10:09 申伸 阅读(697) 评论(0) 推荐(0)
文字垂直居中
摘要： .title{ font-size: 40px; text-align: center; height: 100%; } .title::before{ display: inline-block; content: ""; height: 100%; vertical-align: middle; 阅读全文
posted @ 2022-02-16 10:06 申伸 阅读(31) 评论(0) 推荐(0)
文字与图片对齐
摘要： <div class="tittle"> <div class="imgs"><img src="./images/kind.png" width="50" height="50" alt=""></div> <div class="infos"><span>用户登录</span></div> 阅读全文
posted @ 2022-02-16 10:05 申伸 阅读(66) 评论(0) 推荐(0)
单行文本溢出省略
摘要： overflow: hidden; text-overflow:ellipsis; white-space: nowrap; 阅读全文
posted @ 2022-02-16 10:03 申伸 阅读(36) 评论(0) 推荐(0)