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