移动端要实现一行三个方块的布局,大小自适应,
1、里面的小方块(书籍封面)的width和height写死时, 如何实现这样的布局?
2、小方块(书籍封面)的width和height不写死时, 如何实现这样的布局,?
哪种方法实现比较简单?
闭关修行中......
感覺寫死的話,得算一下每個封面左右留白的距離,css裡面用calc應該可以計算
如果不寫死的話,用display:flex應該是最容易實現的
寫死的話。 。 rem適配算不算寫死的。 不寫死的就樓上說的flex。
寫死的話,每本書外面套個寬度33.3%的容器,裡面寬度定死了就用margin:auto,用calc可以少套一層容器,還可以用視口單位~不寫死,flex可以實現,百分比寬度和視口單位也可以把
感覺寫死的話,得算一下每個封面左右留白的距離,css裡面用calc應該可以計算
如果不寫死的話,用display:flex應該是最容易實現的
寫死的話。 。 rem適配算不算寫死的。
不寫死的就樓上說的flex。
寫死的話,每本書外面套個寬度33.3%的容器,裡面寬度定死了就用margin:auto,用calc可以少套一層容器,還可以用視口單位~
不寫死,flex可以實現,百分比寬度和視口單位也可以把