Gomeer的博客

在style有scoped属性时，要改变element-ui某个深层元素（eg:.el-input__inner）或其他深层样式时，需要使用/deep/，如.conBox /deep/ .el-input__inner{ padding:0 10px;}如果/deep/报错，可采用::v-deep.conBox ::v-deep .el-input__inner{ padding:0 10px;}...

最常见的是after伪元素清除浮动.clearfix:after{ content:''; display:block; visibility:hidden; height:0; clear:both;}

.text{ margin: 0 auto; height: 140px; writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/ writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/ }

.transtion{ background:-webkit-linear-gradient( #fff, #000 50%, #fff ); background:-moz-linear-gradient( #fff, #000 50%, #fff ); ba...

限制文本行数，溢出内容用…代替overflow: hidden //使溢出的内容隐藏text-overflow: ellipsis; //隐藏的内容由省略号代替css代码如下，可以直接引用{ overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; //行数 ...

html<div class="marsk"></div>css.marsk { z-index:5; position:absolute; top:0; bottom:0; left:0; right:0; backgrount:#000; opacity:0.3;}

问题代码如下<template> <div id="feedback"> <header> 反馈情况 </header> </div></template><script>export default {}</scrip...

设置height: 100%;是无效的，在chrome的Elements中发现height仍然是0px.设置高度100%时，div的高度会等同于其父元素的高度。而上面中id为app的div（vue挂载的div）的父节点是body标签，body标签的父节点是html标签。在默认情况下html和body标签的高度为auto，而浏览器是不会自动给标签添加高度的，所以html和body标签就为0，自然...

创建需要引用的reset.css文件在public下创建css文件夹，在创建好的css文件夹下创建reset.css，按需求写reset.css以下有两种方法引用1.在main.js下引入import '../public/css/reset.css'2.在public中的index.html中通过<link rel="stylesheet" href="./css/...

首行缩进：text-indent:2em //首行缩进两个字节背景图片全覆盖background-image:url(image/mail.png)background-size:cover;background-repeat:no-repeat;cover和contain的区别：cover和contain都是等比列缩放，但是cover会将多余的去掉，而contain...