- 博客(9)
- 收藏
- 关注
原创 解决使用el-progress组件报错
element-ui里使用el-progress组件报错:Invalid prop: type check failed for prop “percentage”做项目的时候需要实现的一个效果是:我用的element-ui的el-progress组件渲染的,percentage绑定的数据是后端返回过来的<el-progress :percentage="adsPer"></el-progress>this.adsPer = parseInt((this.adsPa / t
2020-05-15 11:24:22 2206
原创 块级元素和行内元素
块级元素和行内元素块级元素块级元素独占一行,不与其他元素并列可以设置宽,高,内外边距;若没有设置宽度,则默认为父级的100%可以容纳内联元素和其他块级元素常见的块级元素有:, ~, , , , 等但是, 类似,~等里面不能放块级元素行内元素与其他行内元素并排不能设置宽高,默认宽度是它的文字或图片的宽度;可以设置水平方向上的padding和margin,...
2019-11-25 15:35:19 136
原创 弹性盒子
弹性盒子 弹性盒子是 CSS3 的一种新的布局模式,当页面需要适应不同的屏幕大小以及设备类型时,元素有恰&当的行为布局如图所示,弹性盒子没有 x 轴 y 轴,而是主轴和侧轴属性写在容器上的属性1.语法:display:flex | inline-flex .box { width: 1000px; border: 1px solid black;...
2019-10-31 09:49:50 250
原创 三列宽度自适应布局
效果如图根据浏览器窗口变换宽度可自动变化代码如下:html,body{ width: 100%; margin: 0; } h3{ height: 100px; margin:20px 0; } #left,#right{ width: 200px; height: 200px; position: absolu...
2019-09-03 15:52:12 143
原创 用原生js制作一个简单的秒表
html<div id="box"> <div id=count> <span id="h">00</span>: <span id="m">00</span>: <span id="s">00</span> </div> <input id...
2019-09-03 15:34:29 239
原创 用CSS3画出一个正方体
1.html代码<div class="box"> <ul> <li>上</li> <li>下</li> <li>左</li> <li>右</li> <li>前</li> <li>后</li>...
2019-09-03 10:44:25 260
原创 继承的多种方式
方法一:call()方法 function Father (name, age) { // this指向父构造函数的对象实例 this.name = name this.age = age this.money = function () { console.log('挣了1000元') } } function Son (name, age) {...
2019-08-30 17:43:50 98
原创 实现水平垂直居中的几种方式
CSS实现盒子模型实现水平居中1.position + transform.box { width: 1000px; height: 500px; background: #eee; position: relative; } .content { width: 500px; height: 200px; background: pink; ...
2019-08-29 15:15:25 203
原创 清除浮动的的常用方式
清除浮动主要是为了解决父元素因为子元素浮动引起的高度塌陷的问题。例如:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .box ...
2019-08-28 18:26:19 71
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人