css
奶绿走糖
持续好奇,保持饥饿。
展开
-
css:横向滚动布局
【代码】css:横向滚动布局。原创 2023-07-14 18:02:22 · 1129 阅读 · 2 评论 -
bug:h5页面的底部栏每次切换都会纵跳,应该如何避免此情况?
需要给首页设置好默认的基础样式:height: 100vh;width: 100vw;position: relative;否则,进入子页面的时候会导致底部栏会重新计算高度,影响用户体验。原创 2023-02-27 10:43:58 · 207 阅读 · 0 评论 -
CSS:实现某个div里的内容使用自定义字体
使用`@font-face`将字体引入,并使用`font-family`对引入的字体命名原创 2022-09-05 16:46:03 · 485 阅读 · 0 评论 -
css:利用::before伪元素实现标题前添加内容
使用::before在标题前面添加蓝色符号。原创 2022-07-15 16:21:22 · 1413 阅读 · 0 评论 -
CSS:字数超出容器范围,超出部分省略,变成...
用CSS实现文本超出/溢出容器范围时,超出的部分省略,展示…(针对block元素,如果是span,需要添加display:block;)单行文本:span{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}white-space: nowrap; 设置文本不换行,单行输出,直到遇到 <br> 标签为止。overflow: hidden; 溢出部分隐藏text-overflow: elli原创 2022-05-19 15:23:05 · 498 阅读 · 0 评论 -
CSS:微信小程序实现一个列表,一行放两个元素,每两个元素后面加分割线,最后一行后面不加分割线
CSS:微信小程序实现一个列表,一行放两个元素,每两个元素后面加分割线,最后一行后面不加分割线原创 2021-12-15 17:59:56 · 2257 阅读 · 2 评论 -
关于CSS3:justify-self,justify-items和justify-content之间的区别
这篇文章应该能帮到你https://www.codenong.com/48535585/原创 2021-12-02 16:14:53 · 14578 阅读 · 0 评论 -
CSS:实现鼠标悬停,切换图片的两种方法
HTML CSS 两种方法:实现鼠标悬停,切换图片第一种方法:利用css的display属性第二种方法:利用css的background属性展示第一种方法:利用css的display属性html: <div class="light"> <img class="yellow" src="../../assets/imgs/icon_yel.png" alt="黄色灯泡"> <img class="red" src="../../assets/img原创 2021-10-09 16:52:12 · 15776 阅读 · 14 评论