css - 移动端布局的问题

Question

移动端要实现一行三个方块的布局，大小自适应，

1、里面的小方块（书籍封面）的width和height写死时， 如何实现这样的布局？

2、小方块（书籍封面）的width和height不写死时， 如何实现这样的布局，？

哪种方法实现比较简单？

Answer 1

感覺寫死的話，得算一下每個封面左右留白的距離，css裡面用calc應該可以計算

如果不寫死的話，用display:flex應該是最容易實現的

Answer 2

寫死的話。 。 rem適配算不算寫死的。
不寫死的就樓上說的flex。

Answer 3

寫死的話，每本書外面套個寬度33.3%的容器，裡面寬度定死了就用margin:auto,用calc可以少套一層容器，還可以用視口單位~
不寫死，flex可以實現，百分比寬度和視口單位也可以把