HTML学习笔记一

127 阅读1分钟

css

.a4{
	display: flex;
	height:3.125rem;
	width:600px;
	background-color: #0000FF;
	flex-direction: row;
	justify-content: space-around;
	color: #F0FFFF;
	margin-top: 10px;
}

盒子模型:
1、打开弹性盒子
display属性——flex
2、元素的排列方式
flex-direction:row水平排列;column垂直排列;row-reverse水平反向排列;column-reverse垂直反向排列;
3、子元素在弹性容器中的对齐方式
justify-content:center 居中紧挨着填充;space-around:均匀分布,两边有间隔;space-between:均匀分布,两边无间隔;flex-start:向主轴线头对齐;flex-end:向主轴线尾对齐 4、