康一夏忙中偷闲的日子

Normalize.css

css布局 实现垂直居中的几种方式一、单行元素垂直居中二、对文本进行垂直居中三、对已知高度块级元素进行垂直居中四、对未知高度块级元素进行垂直居中<div class="parent"> <div class="content">内容垂直居中</div></div>一、单行元素垂直居中1、可设置该行内元素的父元素的height与line-heigth的值相等，让行内元素垂直居中2、针对行内元素，可通过设置vertical-align: middl

白色，50%透明的两种写法// 白色，50%透明color: #ffffff80; // 白色，50%透明color: rgba(255, 255, 255, .5);

在一个长页面，弹了个窗，用position: fixed加了黑色半透明蒙版和弹窗内容，在ios手机上蒙版楞是不能全屏显示。好死不死，安卓机上都是全屏显示的像是使用了position: absolute而不是position: fixed.dialog { position: fixed; left: 0; top: 0; width: 100%; height: 100%...

常用机型分辨率机型 手机分辨率 屏幕尺寸 ppi/dpi dpriphone5 640*1136 4.0 2iphone6 750*1334 4.7 325 2iphone6plus 1242*2208 5.5 3@media screen and (min-width: 321px) and (max-width: 375px)rem适配： 上边距 8px.content margin-top pxToRem(8)

全局定义 common.cssflex 给需要flex布局直接添加class就可以用了 class=“flex”flex-column 垂直flexflex-x-center 水平居中flex-x-start 水平居左flex-x-end 水平居右flex-y-center 垂直居中flex-y-end 垂直居右flex-1 弹性放大缩小

contenteditable属性代替input的文本编辑器预览效果事件和样式处理代替input的文本编辑器有时，我们不想使用input/textarea，但又希望标签的内容支持编辑。这时，可以使用html5的contenteditable属性。contenteditable是全局属性，可以放在任意标签上，如div，p ，span等写法一： <div contenteditable=...

小于1px的边框兼容性处理方案一 transform rotateZ(360deg)方案二 使用UI切图实现（不推荐）方案三 和UI沟通，尽量避免使用0.5px的边，线（推荐）方案四 （概念方案，未验证） 使用1px的边线，设法隐藏一半小于1px的边框在部分机型显示不全 或 完全渲染不出来

css画圆 画三角形

ellipse 单行超长，多行超长 省略号显示webkit-scrollbar 滚动条样式覆盖移动端常用机型适配flex布局（兼容常用浏览器）常用css效果，建议在建应用时，写在类似common.style的公共样式内，方便统一使用ellipse// 单行超长 省略号显示.ellipse white-space nowrap overflow hidden text-overflow ellipsis

transform使多行（不定行）文本居中使用flex布局可以更快更方便居中： 【css】flexible.css - flex布局的兼容写法