CSS中实现元素水平居中、垂直居中的6个方法(详解)
2024-02-23CSS中实现元素居中6个的方法、text-align、margin:auto、line-height、flex布局、position_css水平垂直居中
vue 3.0 使用element-plus按需导入方法和报错解决
2024-02-21TypeError: autoImport is not a function ;TypeError: Components is not a function_elementplus安装报错
vue3 vite项目优化。
2024-02-19最近开发的一个vue3 vite ts项目,build后发现体积过大,所以针对于项目体积进行一次优化。_vite vue3优化体积 autocomplete
echarts-3D立体饼图(1)
2024-02-192、饼图可自旋转,鼠标移上也可转动,不想让旋转grid3D:{viewControl:{autoRotate:false}}3、 3D饼图主义echarts的版本,注意以下几个方法即可形成一个伪3D。_立体饼图
grid布局
2024-02-15CSS 网格布局引入了二维网格布局系统,可用于布局页面主要的区域布局或小型组件。网格是一组相交的水平线和垂直线,它定义了网格的列和行。你可以使用固定的轨道尺寸创建网格,比如使用像素单位。你也可以使用比如百分比或者专门为此目的创建的新单位 fr来创建有弹性尺寸的网格。_grid-auto-rows
Echarts的x轴调整间隔,可以用 xAxis数组子项的axisLabel.interval
2024-02-13如果设置为 1,表示『隔一个标签显示一个标签』,如果值为 2,表示隔两个标签显示一个标签,以此类推。(index:number, value: string) => boolean 第一个参数是类目的。可以用数值表示间隔的数据,也可以通过回调函数控制。可设置为 : number 或 Function 数字或函数。index,第二个值是类目名称,如果跳过则返回 false。坐标轴刻度标签的显示间隔,在类目轴中有效。默认会采用标签不重叠的策略间隔显示标签。默认值是’auto’默认值是 ‘auto’_echartsx轴动态间隔
解决在vue2上使用swiper6出现的问题(自动播放,前进后退按钮,分页器)完整版
2024-02-086.1、解决没有分页器分页器出不出现,点击有没有效果;很大的情况下分页器不出现,可能就是这个的影响。一定要加上clickable: true,这样点击分页器,才有效!(下方有完整代码)6.2、解决不自动播放autoplay:能不能自动播放就靠他!6.3、解决点击前进后退按钮不起作用前进、后退按钮点击有没有效果;如果没有他,只有样式,点击不起作用_swiper前进后退按钮失效
CSS 中的垂直居中法
2024-02-08Blog 原文链接我们都清楚元素相对其父级元素水平居中展示的方法:对于inline 的元素,我们都会想到为其父级元素设置tex-align : center。对于block 元素,我们会设定其 margin: 0px auto。 然而,垂直居中的实现方法,并没有这么简单,以下列出 6 种垂直居中法。参考文章:6 Methods For Vertical Centering With ...
移动端css布局大全
2024-02-06(建议用body作为主盒子,从这个开始以下的代码多套了一个盒子,因为多了一层dom,会影响性能,如果不注重性能,就用从这个代码之后的代码,如果考虑性能,自行改成上面这种就可以,自己去掉一层盒子就OK了)设置display:table;第一种:display:flex,外边距自动填充margin:auto;设置成三行三列就ok,具体怎么写,看心情就好。第二种:display: flex;第一种:display: flex;第二种:display: flex;_手机端css怎么写
transform——CSS
2024-02-05文章目录变形定义平移百分比是相对于自身计算——应用平移特点z轴平移变形定义变形就是指通过css来改变元素的形状或位置变形不会影响到页面的布局transform用来设置元素的变形效果平移translatex():沿着x轴方向平移translateY(): 沿着y轴方向平移translateZ():沿着z轴方向平移平移元素可以以px为单位也可以以百分号为单位:百分比是相对于自身计算的eg:百分比是相对于自身计算——应用使元素居中,我们通常使用margin: 0 auto_transform css