css3
fiona-frontEnd
这个作者很懒,什么都没留下…
展开
-
element plus 使用 /deep/ 报错
改写为 ::v-deep如 /deep/ .el-input__inner 改为 ::v-deep .el-input__inner原创 2021-07-03 15:33:54 · 1472 阅读 · 5 评论 -
网页打印CSS和HTML样式设置
有时打印的需求要求只打印网页部分内容,就要对不需要的内容隐藏处理,打印才起作用的样式一般有两种方式实现:1、CSS@media print{ .noPrint{display: none;}}2、HTML<style media="print"> .noPrint{display: none;}</style>...原创 2020-07-29 11:29:04 · 372 阅读 · 0 评论 -
奇数flex排列问题
在用flex布局时,如果子元素个数是奇数,最后一个容器是占满外容器的。如下图改成flex: 0 50%;解决,如果是三列则flex: 0 0 calc(100% / 3);原创 2020-07-03 10:20:30 · 998 阅读 · 0 评论 -
打印background背景图片不显示的问题
给background加上 !important就可以啦原创 2020-05-07 15:40:36 · 1534 阅读 · 2 评论 -
记一个被font-family坑的调试过程(气呼呼)
猪脚:ZUIhttp://zui.sexy/#/项目是基于ZUI开发,在ie下(所有ie,包括最新版ie)所有a标签都和下图一样,会偏上,而其他浏览器都不会,然后开始在ie的控制台调试(把样式一个一个去掉)都解决不了问题,在网上也找到同样的问题,但没有解决问题的答案。不会是我的ie浏览器有问题吧?卸载重装?不行,另外单独写了一个静态页面测试,发现并不会这样,是什么问题呢?先试试其他网站会不会,...原创 2019-11-21 10:30:09 · 327 阅读 · 0 评论 -
CSS3选择器
1.属性选择器/*src^="pointer",src以pointer开头的属性值*//*src$="pointer",src以pointer结尾的属性值*//*src*="pointer",src含有pointer的属性值*/img[src*="pointer"] { position: absolute; z-index: 10; top: 155px; ...原创 2018-08-22 11:49:10 · 190 阅读 · 0 评论 -
三句Css实现H5横向滚动
只要这三句代码就能实现横向滚动,其他效果另外补充样式;cssul { white-space: nowrap; overflow-x:scroll;}li {display:inline-bolck;}html<ul> <li>1</li> <li>2</li> <li>3</li> &原创 2019-01-04 11:23:49 · 2745 阅读 · 1 评论 -
自定义滚动条
.side::-webkit-scrollbar { width: 8px; //定义滚动条的宽度}.side::-webkit-scrollbar-track { background: #efefef; //定义滚动条轨道颜色}.side::-webkit-scrollbar-thumb { border-radius:8px; //定义滑块圆角 ...原创 2019-07-23 10:00:02 · 95 阅读 · 0 评论