一个常见的任务是将 2 个块对齐到页面的中心。块宽度以测量单位给出vw。flex 对齐的问题是当你减小窗口的宽度时,所有的内容都会进入overflow. 你需要行为nowrap。
实际上,结果证明是在display: table. 但我想知道这是否可以通过flex或至少float-ami 以某种方式完成。
下面是我试图解决的 css 3 个选项(2 个已注释掉)中的 codepen:
display: tablefloat: leftdisplay: flex
我也试过 display: inline-block,但得到的结果与 float 相同。