css CSS FlexBox开始

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css CSS FlexBox开始相关的知识,希望对你有一定的参考价值。

@import url('https://fonts.googleapis.com/css?family=Zilla+Slab');

body {
	font-family: 'Zilla Slab', serif;
	color: #111;
	line-height: 1.2;
}

#container {
	width: 1080px;
	margin: 0 auto;
	margin-top: 20px;

	display: flex;
}

.box {
	width: 213px;
	height: 150px;
	float: left;
	padding: 20px;
	background: #E3F2FD;
	border: 1px solid #e3e3e3;
}

.box p {
	width: 100%;
	text-align: center;
}

以上是关于css CSS FlexBox开始的主要内容,如果未能解决你的问题,请参考以下文章

css flexbox wrapping:模拟伪类来选择主轴/交叉轴上的开始/结束项目?

CSS3弹性盒模型flexbox布局基础版

前端学习-flexBox

我该如何编写这个 CSS Flexbox 布局? [关闭]

css CSS flexbox用于水平滚动导航#flexbox

如何指定一个元素,然后将其包装在 css flexbox 中? [复制]