flexbox

网站营销的发展开始之后，最早的网站可能成立于2003年。在发展过程中，许多企业网站建设一直希望创建权威，严谨，类似教科书的图像。但是，随着Internet用户群体的发展，网站年前似乎缺乏活力

弹性容器 flexbox 的交叉轴和主轴 main axis 垂直，因此如果弹性方向是 flex-direction 行 row 或者反向行 row-reverse ，那么交叉轴就是从上至下地垂直走向的。 如果你的主轴是列 column 或者反向列 column-reverse ，那么交叉轴就是水平走向的。 要在交叉轴上对齐，是通过弹性容器的 align-items 属性来控制的，或者通过弹性元素的 align-self 属性来单独决定的对齐方式

2019年日历应用程序: 让我们来建立它！ 整个课程就是一个大的程式码，被分割成字节大小的区块。 我首先建立标记并对所有部分进行样式化。 我使用 JavaScript 新增所有的前端功能

弹性容器 flexbox 的交叉轴和主轴 main axis 垂直，因此如果弹性方向是 flex-direction 行 row 或者反向行 row-reverse ，那么交叉轴就是从上至下地垂直走向的。 如果你的主轴是列 column 或者反向列 column-reverse ，那么交叉轴就是水平走向的。 要在交叉轴上对齐，是通过弹性容器的 align-items 属性来控制的，或者通过弹性元素的 align-self 属性来单独决定的对齐方式

在一个使用了 align-items: center; justify-content: center; 的 flex container 中，如果子元素的高度或宽度大于 container 的高度或宽度，子元素可能会显示不完整，具体问题可以看 stack overflow。 解决方法是在 container 删除 align-items: center; justify-content: center;，然后在子元素增加 margin: auto，即由子元素自己居中自己，当然，这样做了之后子元素显示在 container 的那部分就不是它最中间的部分： 如果子元素的宽度大于 container 的宽度，那子元素会在 container 中上下居中显示，水平方向则展示自己最左边的部分； 如果子元素的高度大于 container 的高度，子元素会在 container 中左右居中显示，垂直方向展示自己最顶部的部分； 深入理解 Flexbox：这篇笔记也提到了使用 margin 居中一个元素，还有更多深入知识点；

我们正在积极壮大这个团队，如果您对 CSS、编写和维护纯 JavaScript 插件、以及改进前端代码的构建工具和流程感兴趣，请告诉我们。 Bootstrap 最初是由就职于 Twitter 的设计师和开发人员创造的，现在，Bootstrap 已经成为了这个世界上最流行的前端开发框架和开源项目之一。 Bootstrap 最初是由 @mdo 和 @fat 于 2010 年中旬就职于 Twitter 时创造的

在本教程中，我们将通过两个练习去学习构建 web 组件︰ 我们将使用 Flexbox 创建一个“缩略图列表”和一个"侧边栏"组件。 让内容水平居中没有什么特别的，我们从来都是这么做的。 但有没有想过让高度不固定的内容垂直居中呢？ 在我的视频课程《Web 设计人员的 6 个 Flexbox 项目》中，您将学习如何利用 Flexbox 轻松解决这一问题

flex-item 的属性观察重点： 先看每个 flex-item 的 flex-basis 是多少，如果有多出来的则会透过 flex-grow 分配；如果空间不足，则会都过 flex-shrink 分配。 预设 flex-basis 是 auto，也就是会随内容宽成长。 当我们使用 display: flex 其实使用的是 display: box flex;，也就是这个元素会以 block 的方式排版，但内部的内容会用 flex 的方式排版