为了方便自己偷懒,也为了广大新手对布局的恐惧,这里我实现了基本的布局模式足够满足大家;
试试改变窗体大小看看效果
源码代码:
效果如下:
boxflex
boxflex
boxflex

--------------------华丽的分割线--------------------

固定像素模式

1)左边对齐固定

100px
100px
auto
100px
100px
100px
auto

2)右边对齐固定

100px
100px
auto
100px
100px
100px
auto

3)左右边对齐固定

100px
100px
auto

--------------------华丽的分割线--------------------

百分比模式

20%
40%
auto
20%
20%
20%
20%
auto
33.33%
33.33%
auto

如果想要在移动端做自适应可以使用弹性盒子布局

box
box
box

--------------------华丽的分割线--------------------

写个简单的例子试试效果