flex 布局

flex 布局 Flex 是 Flexible Box 的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。 基本概念 flex布局元素分为:容器(flex container) 与 项目(flex item) 容器属性 flex-direction flex-wrap flex-flow

css 画图形

css画图形 1.css画实心三角形 原理: 先画一个最简单正方形 高、宽都为10px 然后为他加上边框也为10px 这个时候你就会发现,他变成了一个梯形 假如需要画一个向下的实心尖头,那么就先将梯形的右,下,左边框隐藏。然后就得到一个等腰梯形 这个等腰梯形的宽和高还是为10px,如果想要变成尖的三角形,那么就是直接去

css常用技巧 | css水平居中元素 | css垂直居中元素| 浮动模块父元素高度为0

css常用技巧 之前写css的时候,总会有一些疑惑,所以需要总结一下,并归纳整理。 css水平居中一个元素 如果需要居中的元素为常规流中inline元素,为父元素设置text-align: center;即可实现 如果需要居中的元素为常规流中block元素,1)为元素设置宽度,2)设置左右margin为auto。3)I