flex 弹性盒模型
最爱的解决方案,给父元素设置 display: flex;
即可。
#wrap{
display: flex;
}
还可以通过 justify-content
属性调整子元素的水平对齐方式:
#wrap{
display: flex;
justify-content: flex-start;
}
flex-start:
左对齐
flex-end:
右对齐
center:
居中
space-around:
平均
space-between:
贴边居中