随笔分类 -  css

长单词，数字中间换行
摘要：word-break:break-all; 阅读全文
posted @ 2022-02-24 14:24 申伸 阅读(30) 评论(0) 推荐(0)
微信小程序单选多选框大小
摘要：transform:scale 阅读全文
posted @ 2022-02-24 14:22 申伸 阅读(53) 评论(0) 推荐(0)
不确定宽高的居中对齐
摘要：position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); 阅读全文
posted @ 2022-02-16 10:19 申伸 阅读(35) 评论(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 申伸 阅读(45) 评论(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 申伸 阅读(36) 评论(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 申伸 阅读(71) 评论(0) 推荐(0)
单行文本溢出省略
摘要：overflow: hidden; text-overflow:ellipsis; white-space: nowrap; 阅读全文
posted @ 2022-02-16 10:03 申伸 阅读(43) 评论(0) 推荐(0)