摘要: flex是css3新出的一种布局 设置display:flex后,子元素的float/vertical-align属性均会失效。 父盒子简称为容器,子元素简称为项目,以下: 容器属性: 1.flex-direction 展现方向 row/column/row-reverse/column-rever 阅读全文
posted @ 2018-05-04 17:53 Artimis 阅读(544) 评论(0) 推荐(0) 编辑
摘要: 垂直+水平居中是一个老生常谈的问题了,现在就固定高度和不固定高度两种情况去讨论 1.父盒子固定高度[定位] 实现1: father-box: position:relative child-box:position:absolute+left:50%+top:50%+translate(-50%,- 阅读全文
posted @ 2018-05-04 17:38 Artimis 阅读(162) 评论(0) 推荐(0) 编辑
摘要: 总结一下在工作用常用到的属性设置 1.设置文本的可选择性 -webkit-user-select:none/text 2.设置背景的绘制区域 background-clip:border-box/padding-box/content-box 3.使元素看起来像标准的button -webkit-a 阅读全文
posted @ 2018-05-04 17:13 Artimis 阅读(215) 评论(0) 推荐(0) 编辑