Css 必要时将项目调整为两行_Css_Flexbox

Css 必要时将项目调整为两行

css

Css 必要时将项目调整为两行,css,flexbox,Css,Flexbox,严格使用flexbox可能无法做到这一点，或者可能需要一些媒体查询。我同意。我想知道是否有一种方法可以将四个项目水平排列在一行中，并相应地切换到两列，两列都有两个项目我尝试过各种方法来实现这一点，例如： .柔性容器{ 显示器：flex；柔性流：行换行；证明内容：中心； } 钮扣{ 宽度：250px； } A. B C D 没有媒体查询的一个想法是为按钮使用额外的包装，如下所示： .柔性容器， .flex容器>div{ 显示器：flex；柔性流：行换行；证明内容：中心； } 钮扣{

严格使用flexbox可能无法做到这一点，或者可能需要一些媒体查询。我同意。我想知道是否有一种方法可以将四个项目水平排列在一行中，并相应地切换到两列，两列都有两个项目

我尝试过各种方法来实现这一点，例如：

.柔性容器{ 显示器：flex；柔性流：行换行；证明内容：中心； } 钮扣{ 宽度：250px； } A. B C D

没有媒体查询的一个想法是为按钮使用额外的包装，如下所示：

.柔性容器， .flex容器>div{ 显示器：flex；柔性流：行换行；证明内容：中心； } 钮扣{ 宽度：250px； } A. B C D

如果每个按钮的宽度保持不变，只需将容器的最大宽度设置为该宽度乘以每行上所需的最大按钮数即可

看这个