想要实现这样一个父元素中的子元素都是居中的只需在父元素上加样式复制代码代码如下:{display: flex;flex-direction: column;align-items:center;}设置为flexbox布局，方向为纵向排列

Flexbox布局概念Flexbox布局（ Flexible Box 或CSS3 d性布局），是CSS3中的一种新的布局模式，是可以自动调整子元素的高和宽，来很好的填充任何不同屏幕大小的显示设备中的可用显示空间，收缩内容防止内容溢出，确保

flexbox是一个新的盒子模型，当你给一个元素使用了flexbox模块，那么它的子元素就会指定的方向在水平或者纵向方向排列。这些子元素会按照一定的比例进行扩展或收缩来填补容器的可用空间。flexbox有许多很好用的地方，下面就着重讲

本文中只是熟悉基本属性的用法，并完成一组骰子各个面的制作。在下面的内容我不会涉及flexbox一些比较棘手的问题，比如旧版本语法、供应商前缀、浏览器怪癖等：一、First Face我们知道，骰子有六个面，每个面的点的个数代表该面的值，第一

d性布局（Flexbox）逐渐流行，越来越多人使用，因为它写 CSS 布局真是太方便了。三年前，我写过 Flexbox 的介绍（上，下），但是有些地方写得不清楚。今天，我看到一篇 教程 ，才意识到一个最简单的表单，就可以解释 Flexbo

基本介绍特点flexbox是一种css display类型，提供一种更简单高效的布局方式；flexbox可以对元素相对于父元素、兄弟元素进行定位、控制尺寸、控制间距；flexbox对响应式有很好的支持；工作原理设置父元素的display