css
saturday-yh
Object.create(null)
展开
-
vue uniapp中v-html识别\n换行
normal连续的空白符会被合并,换行符会被当作空白符来处理。换行在填充「行框盒子(line boxes)」时是必要。nowrap和 normal 一样,连续的空白符会被合并。但文本内的换行无效。pre连续的空白符会被保留。在遇到换行符或者元素时才会换行。pre-wrap连续的空白符会被保留。在遇到换行符或者元素,或者需要为了填充「行框盒子(line boxes)」时才会换行。pre-line连续的空白符会被合并。在遇到换行符或者元素,或者需要为了填充「行框盒子(line boxes转载 2022-05-04 17:30:09 · 2267 阅读 · 0 评论 -
css 中使用flex后,拖动滚动条,元素没有撑满
当前元素上使用min-width属性原创 2022-04-01 17:11:04 · 779 阅读 · 0 评论 -
css3 动画
npm 安装 npm install print-js --savenpm安装时将库导入项目 import print from 'print-js'下面主要介绍一下我们要用的打印方法printJS();printJS()将接受一个对象作为参数,下面表格的参数则为该对象的属性,通过控制属性值来控制打印;参数 默认值 说明printable: null 文档来源:pdf或图像的url,html元素的id或json数据的对象type: PDF 可打印类型。可用的打印选项包括:pdf,ht.原创 2021-09-08 14:48:15 · 124 阅读 · 0 评论 -
video 点击出现黑框,一行代码解决
各大博客使用object-fit:fill;无效video:focus { outline: none}直接搞定原创 2020-11-10 15:41:16 · 1785 阅读 · 1 评论 -
CSS3 属性-webkit-tap-highlight-color的
(一)-webkit-tap-highlight-color 这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过Javascript定义的可点击元素的时候,它就会出现一个半透明的灰色背景。要重设这个表现,你可以设置-webkit-tap-highlight-color为任何颜色。想要禁用这个高亮,设置颜色的alpha值为0即可。示例:设置高亮色为50%透明的红色:-webkit-tap-highlight-color: rgba(255,0,0,0.5)...原创 2020-05-13 13:59:18 · 2908 阅读 · 1 评论 -
css Grid布局
基本概念在学习grid布局之前,我们需要了解一些基本概念1.容器和项目采用网格布局的区域,称为“容器”。容器内部的采用网格定位的子元素称为“项目”<span>foo</span> <div class="wrapper"> <div class="item item-1">1</div> ...原创 2020-03-18 18:29:32 · 423 阅读 · 0 评论 -
全局/组件内——改变滚动条的默认样式
::-webkit-scrollbar { width: 10px; /*y轴上的滚动条宽度*/ height: 10px;/*x轴上滚动条高度*/}::-webkit-scrollbar-track { border-radius: 3px; /*滚动条的背景区域的圆角*/ background-color: #fdf8f5; /*滚动条的背景颜色*/}::-webki...原创 2020-01-10 11:01:19 · 347 阅读 · 0 评论 -
吸顶效果实现
第一种 使用css 粘性定位 position: sticky; 属性实现<div class="topbox"> 这是顶部盒子 </div>.topbox { position: sticky; top:0; height: 30px; width: 100%; text-align: center...原创 2020-01-08 14:09:38 · 1359 阅读 · 0 评论 -
animate.css使用/ vue 中使用
animate.css(第三方动画使用方法)animation 语法: animation: name duration timing-function delay iteration-count direction; animation-name: 规定需要绑定到选择器的 keyframe 名称。。 animation-d...原创 2020-01-07 16:32:40 · 446 阅读 · 0 评论 -
使用display:none和visibility:hidden隐藏的区别
display:none和visibility:hidden的区别是:1.display:none是彻底消失,不在文档流中占位,浏览器也不会解析该元素;visibility:hidden是视觉上消失了,可以理解为透明度为0的效果,在文档流中占位,浏览器会解析该元素;2.使用visibility:hidden比display:none性能上要好,display:none切换显示时visibi...原创 2018-08-07 10:19:23 · 11306 阅读 · 0 评论 -
CSS3自定义滚动条样式 -webkit-scrollbar
当内容超出容器时,容器会出现滚动条,其自带的滚动条有时无法满足我们审美要求,那么我们可以通过css伪类来实现对滚动条的自定义。首先我们要了解滚动条。滚动条从外观来看是由两部分组成:1,可以滑动的部分,我们叫它滑块2,滚动条的轨道,即滑块的轨道,一般来说滑块的颜色比轨道的颜色深。 滚动条的css样式主要有三部分组成: 1、::-webkit-scrollbar 定义了滚动条整体...原创 2018-08-05 23:12:51 · 801 阅读 · 1 评论 -
table 高度不能设置的解决办法
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> ul { height: 0; border: 1px sol原创 2018-07-05 11:52:49 · 43952 阅读 · 1 评论 -
input的type="number"在部分手机端会出现一个小按钮要如何解决?
怎么移除HTML5 input在type="number"时的上下小箭头?如何移除 input type="number" 时浏览器自带的上下箭头?以上疑惑怎么解决;很简单,只要css控制即可。css代码:input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { -webkit-appearance: none;}...原创 2018-07-05 11:48:09 · 1321 阅读 · 0 评论