终于学到弹性盒子了呜呜呜,但是感觉内容也好多!!!
移动web开发之flex布局
建议:
如果是PC端页面布局,我们还是传统布局
如果是移动端或者不考虑兼容性问题的PC端页面布局,我们还是使用flex弹性布局.
例子:
过去我们要在一个大盒子里面放三个这样的盒子,都是用的浮动,但是学习了弹性flex布局,我们可以更简单的做出来,为了凸显它的优势,用的还是行内元素span,只要用了flex,行内元素也可以直接设置大小.
只需要在父元素的样式中添加一行:
display:flex;
!DOCTYPEhtmlhtmllang="en"headmetacharset="UTF-8"meta