Less中使用calc()函数编译后错误 在less中使用calc()计算元素宽度 ```less #lic-notice { width: calc(100% - 200px); height: auto; z-index: 999; } ``` 样式被编译后宽度错误显示`wid ...
Sihan's Blog 分类 CSS 下的文章
解决两个span在同一个父元素下高度不一致 问题DOM如下，两个span在同一个a标签下，显示高度不一致： ``` {{s_item.name}} {{s_item.publishtime}} ``` 解决办法，给a标签设置flex布局， 两个span分别给flex值，如下 ``` ...
Vue 深度选择器/deep/报警告:/deep/ combinator is no longer supported in CSS dynamic profile. vue开发中控制台警告： /deep/ combinator is no longer supported in CSS dynamic profile. 应该是/deep/ 在将来会被移除 解决方案： ``` .a >>> .b { } ...
纯 CSS 实现绘制各种三角形（各种角度） 一、前言 三角形实现原理：宽度width为0；height为0；（1）有一条横竖边（上下左右）的设置为border-方向：长度 solid red，这个画的就是底部的直线。其他边使用border-方向：长度 solid transparen ...
CSS-Learning | 使用border-radius创建圆形和胶囊形状（长圆形） **boder-radius属性** 使用border-radius属性来设置圆角半径时可以使用长度值，或者百分比值。 在给它指定百分比值时，x轴和y轴分别相对于元素的宽度和高度来计算实际值。 所以，我们可以把一个正方形的元素变成圆形，只要 ...
Make /deep/ behave like the descendant combinator " " in CSS live profile (in css file or inside of <style>) CSS Make /deep/ behave like the descendant combinator " " in CSS live profile; effectively no-op. See "Intent to Remove" thr ...
CSS3 background inear-gradient 几个特效背景留存 ### 效果1 ![1.png][1] ``` background: linear-gradient( 90deg , #5461c8 12.5%, #c724b1 0, #c724b1 25%, #e4002b 0, #e4002b 37 ...