gird 布局控制元素都显示在一行
摘要：gird 布局控制元素都显示在一行 <ul class="list"> <li v-for="(li, index) in list" :key="index" class="li"> {{ index }} </li> </ul> .list { display: grid; grid-templ
阅读全文
posted @ 2022-02-17 18:50
随笔分类 - CSS/CSS3
关于flex
摘要：flex 是 flex-grow、flex-shrink、flex-basis 的缩写。 flex 的默认值是以上三个属性值的组合。假设以上三个属性同样取默认值，则 flex 的默认值是 0 1 auto 当flex 取值为 none，则计算值为 0 0 auto，如下是等同的： 当flex 取值为
阅读全文
posted @ 2017-11-06 19:35
线性渐变的兼容写法
摘要：线性渐变的兼容写法如下： ie 滤镜：filter linear-gradient 在 ie9 以下是不支持的，所以对于 ie6 - ie8 我们可以使用滤镜来解决，代码如下： .gradient{ filter: progid:DXImageTransform.Microsoft.gradient
阅读全文
posted @ 2016-03-03 17:16
inline/inline-block/block 的区别
摘要：display的属性值有：值描述none此元素不会被显示。block此元素将显示为块级元素，此元素前后会带有换行符。inline默认。此元素会被显示为内联元素，元素前后没有换行符。inline-block行内块元素。（CSS2.1 新增的值）list-item此元素会作为列表显示。run-in此元素...
阅读全文
posted @ 2016-01-21 14:46
