随笔分类 - css
摘要：<style type="text/css"> .wrap { background-color: #eee; width: 375px; margin: 0 auto; padding: 10px; box-sizing: border-box; background: linear-gradie
阅读全文
摘要：display:flex; flex-direction 决定主轴的方向（即项目的排列方向） row（默认）： 主轴水平方向，起点在左端 row-reverse： 主轴水平方向，起点在右端 column： 主轴垂直方向，起点在上边沿 column-reverse： 主轴垂直方向，起点在下边沿 fle
阅读全文
摘要：1.亮块为原图，底部为调深图 <style> .clip-me { clip-path: inset(10px 20px 30px 40px); clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10%
阅读全文
摘要：html { overflow: hidden; height: 100% } body { /* 视差元素的父级需要3D视角 */ perspective: 1px; transform-style: preserve-3d; height: 100%; overflow-y: scroll; o
阅读全文
摘要：在jQuery中each 用return false结束整个循环，用return true结束本轮循环 $('#Consignor_ID option:selected').text(); //获取select选项文本 $('#Consignor_ID option:selected').attr(
阅读全文
摘要：页面打印的背景色需要设置固定的样式，并且需要开启打印机的“背景图形”选项 @media all { .trrbg { background-color: #cccccc !important; -webkit-print-color-adjust: exact; } } 如果放在页面上需要加两个@@
阅读全文
摘要：<style type="text/css"> .aadiv { width: 80px; height: 80px; background-color: skyblue; border-radius: 8px; } .skewed { width: 80px; height: 80px; posi
阅读全文
摘要：外层或者body用 padding-bottom:50px; 按钮用 .butfoot{position: fixed;bottom: 0;width:100%;}
阅读全文
摘要：刷新： .widgets__icon_refresh{ display:block; float:left; position:relative; width:16px; height:16px; padding:2px; border: 4px solid transparent; cursor:
阅读全文
摘要：flex-grow、flex-shrink、flex-basis三个属性的作用： 在flex布局中，父元素在不同宽度下，子元素是如何分配父元素空间的。 (注意：这三个属性都是在子元素上设置的，下面小编要讲的是父元素，指以flex布局的元素(display:flex)) 小编这里先教一下大家如何快速记
阅读全文
