css
粉末的沉淀
无趣
展开
-
css:全局设置滚动条样式:鼠标移入才显示
需要注意的是,如果容器想要带滚动条,那么它本身要设置滚动overflow: auto;否则全局设置滚动条也是无效的。全局引入该css文件即可。原创 2023-07-07 17:34:21 · 3549 阅读 · 1 评论 -
css:绘制一角是圆角的三角形
<template> <!-- 右上角带三角形的card --> <div style="width: 800px;margin: 20px auto;"> <a-card class="card"> <p>Card content</p> <p>Card content</p> <p>Card content</p> <div c.原创 2022-05-06 15:58:58 · 1184 阅读 · 0 评论 -
css:条件样式
<div :class="(loseControlRIndexes.indexOf(index2)>-1&&index==rows-1)||(loseControlXIndexes.indexOf(index2)>-1&&index==rows-2)?'red':'black'" style="width: 75px;" @click="downloadData(items.filePath)" @mouseenter="mouseEnter(items.原创 2022-03-30 14:03:34 · 1896 阅读 · 0 评论 -
css:overflow-x: overlay对火狐浏览器无效
前面我们使用了overflow-x: overlay设置了滚动天不占位置css:overlay使滚动条不占据位置_1111111111-CSDN博客_css滚动条不占位置但是后来发现这个设置对狐火浏览器无效,根本就不显示滚动条了。解决方案是再加一个overflow: auto设置,保证在火狐浏览器里也能显示滚动条,只是无法像谷歌浏览器里那样overlay而已,能显示总比不显示要好呀。<a-col flex="auto" style="border: 0;overflow: auto;原创 2021-12-24 13:43:09 · 2624 阅读 · 0 评论 -
vue:如何实现文字竖排
1、如果是在template里面,使用<br>将每个文字换行,即可实现竖排。2、如果实在script里面,使用\n将每个文字换行,即可实现竖排.原创 2021-12-06 19:30:33 · 4398 阅读 · 0 评论 -
css:flex-wrap: nowrap让子元素强制在一行显示
父元素设置style="display: flex;flex-wrap: nowrap;"里面的子元素就可以强制一行显示。原创 2021-12-06 17:15:55 · 1948 阅读 · 0 评论 -
css:设置滚动条的样式
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/::-webkit-scrollbar{ width:16px; height:16px; background-color:#F5F5F5;}/*定义滚动条轨道 内阴影+圆角*/::-webkit-scrollbar-track{ -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); border-radius:10px; backgro.原创 2021-12-06 11:57:14 · 799 阅读 · 0 评论 -
css:overlay使滚动条不占据位置
原始代码:overflow-x: auto;原始效果:滚动条占了高度,位于表格的下方。改动后的代码:overflow-x: overlay;滚动条叠加在表格之上,不过因为滚动条没有设置透明度,所以会遮挡住数据,我们可以通过css来设置滚动条的样式。...原创 2021-12-06 11:53:00 · 6827 阅读 · 3 评论 -
vue:在main.js中全局引用css的方法及坑(转载)
步骤:1、配置文件webpack.config.js: { test:/\.css$/, loader:'style-loader!css-loader' } 坑1:-loader尾缀 坑2:Module build failed: Unknown word模块创建失败:未知文字???? 解决方案:注掉整个css的配置,即: //{ //test:/\.css$/, //loader:'style-.转载 2021-12-03 15:35:37 · 3793 阅读 · 0 评论 -
css:电子数字显示
1、字体下载2、在style里引入字体 @font-face{font-family:electronicFont;src:url(../../assets/font/DS-DIGIT.TTF)}3、为元素设置电子数字字体.number { font-size: 30px; color: #0e94ea; font-family:electronicFont; font-weight: bold; }4、效果图...原创 2021-08-10 15:11:31 · 3146 阅读 · 1 评论 -
css:图片显示太大怎么办?
给图片的宽或者高设置百分比,但是要注意,只需要设置其中一项即可,让另一项自适应,如果两项都设置,反而会使图片变形。原创 2021-11-18 15:17:56 · 1199 阅读 · 0 评论 -
css:如何给div设置位于正下方的阴影?
box-shadow的前两个参数设置为0即可。原创 2021-11-18 15:08:58 · 1044 阅读 · 0 评论 -
css:如何做一个圆环?
1、div里面再放一个div<div class="title-icon-chart"> <div class="inner"> </div> </div>2、外层的div设置为圆形,并且设置它内部的元素垂直和水平都居中,小圆的半径设置为大圆的一半,这样比较美观,小圆的背景色跟页面背景色一致。.title-icon-chart{ width: 16px; height: 16px; bor原创 2021-08-10 15:28:41 · 528 阅读 · 1 评论