# kb **Repository Path**: weiheli/kb ## Basic Information - **Project Name**: kb - **Description**: knowledge base - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2017-03-06 - **Last Updated**: 2020-12-20 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README sass => css node-sass sass-loader css-sass webpack es6 => es5 babel-core babel-preset-es2015 webpack flexbox ## Flex容器(Flex Container)和Flex项目(Flex Item) display: flex; display: inline-flex; Flex容器的子元素叫Flex项目(Flex Item) 主轴(Main Axis) main start main end 侧轴(Cross-Axis) cross start cross end ## Flex容器(Flex Container) flex-flow flex-direction: row | row-reverse | column | column-reverse row(默认值):主轴为水平方向,起点在左端。 row-reverse:主轴为水平方向,起点在右端。 column:主轴为垂直方向,起点在上沿。 column-reverse:主轴为垂直方向,起点在下沿。 flex-wrap: nowrap | wrap | wrap-reverse nowrap(默认):不换行。 wrap:换行,第一行在上方。 wrap-reverse:换行,第一行在下方。 justify-content: flex-start | flex-end | center | space-between | space-around flex-start(默认值):左对齐 flex-end:右对齐 center: 居中 space-between:两端对齐,项目之间的间隔都相等。 space-around:每个项目两侧的间隔相等。所以,项目之间的间隔比项目与边框的间隔大一倍。 align-items: flex-start | flex-end | center | baseline | stretch flex-start:交叉轴的起点对齐。 flex-end:交叉轴的终点对齐。 center:交叉轴的中点对齐。 baseline: 项目的第一行文字的基线对齐。 stretch(默认值):如果项目未设置高度或设为auto,将占满整个容器的高度。 align-content: flex-start | flex-end | center | space-between | space-around | stretch flex-start:与交叉轴的起点对齐。 flex-end:与交叉轴的终点对齐。 center:与交叉轴的中点对齐。 space-between:与交叉轴两端对齐,轴线之间的间隔平均分布。 space-around:每根轴线两侧的间隔都相等。所以,轴线之间的间隔比轴线与边框的间隔大一倍。 stretch(默认值):轴线占满整个交叉轴。 ## Flex项目(Flex Item) flex: none | <' flex-grow '> <' flex-shrink >'? || <' flex-basis '> flex-grow: flex-shrink: flex-basis: | | auto | content order: align-self: auto | flex-start | flex-end | center | baseline | stretch # git ssh-keygen -t rsa -C "983525467@qq.com"