![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
但心情怎会无恙
以梦为码
展开
-
花里胡哨css玩法
1.css禁用鼠标事件.disabled { pointer-events: none; cursor: default; opacity: 0.6;}2.实现条纹网格的方式.row:nth-child(odd){ background: #eee;}.row:nth-child(even){ background: #fff;}3.c...原创 2019-11-11 17:40:43 · 181 阅读 · 0 评论 -
element-ui表头错位
//App.vue中<style> body .el-table th.gutter{ display: table-cell!important; } body .el-table colgroup.gutter{ display: table-cell!important; }</style...原创 2019-10-30 16:51:52 · 100 阅读 · 0 评论 -
盒模型
HTML文档中的每个元素都会被描绘成矩形盒子,这些矩形盒子通过一个模型来描述其占用空间,这个模型称为盒模型。由四部分构成:由里到外依次是content(内容),padding(内边距),border(边框),margin(外边距)。content—-padding—-border—-margin1.标准盒模型(W3C)通过CSS设置元素的宽高,width和height指的是co...原创 2018-08-11 11:16:55 · 108 阅读 · 0 评论 -
文字溢出显示省略号
css{overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }如果在vue中使用了box-orient的属性,且打包配置默认,则该属性会被过滤。...原创 2018-08-20 09:52:04 · 109 阅读 · 0 评论 -
小程序上的黑色阴影
box-shadow: 0rpx 1rpx 20rpx 2rpx rgba(1, 1, 1, 0.1);原创 2018-08-25 20:41:04 · 2427 阅读 · 0 评论 -
calc()
。。。。。。。。才知道CSS有一个可以计算的函数 calc()calc() 函数用于动态计算长度值。需要注意的是,运算符前后都需要保留一个空格,例如:width: calc(100% - 10px);任何长度值都可以使用calc()函数进行计算;calc()函数支持 “+”, “-”, “*”, “/” 运算;calc()函数使用标准的数学运算优先级规则;#div1 { wi...原创 2018-09-26 15:34:28 · 598 阅读 · 0 评论 -
文本溢出省略号
多行:.multi-line{ word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden; text-overflow:ellipsis;}单行:.one-line{ overflow: hidden; wh...原创 2019-05-10 16:37:25 · 112 阅读 · 0 评论