Html 水平对齐多个div（带变量宽度），每个div之间留有间距
我在这个论坛上搜索了很多，但我的问题太具体了。 我想做到这一点，我尝试了几个月，但我无法得到工作。。。如果有人能帮助我，请提前感谢：）：）Html 水平对齐多个div（带变量宽度），每个div之间留有间距,html,css,Html,Css,我在这个论坛上搜索了很多，但我的问题太具体了。 我想做到这一点，我尝试了几个月，但我无法得到工作。。。如果有人能帮助我，请提前感谢：）：） 我想水平对齐2、3、4、5或更多的div，具有可变宽度，每个div之间具有静态间距。所有这些都不能超过其父级。因此，我同意4div不能实现25%的宽度，但我不知道如何实现。这将是flex box的一个很好的用例。我对这两种情况使用了相同的代码。CSS不会改变，但HTML会： .flex容器{ 显示：-ms flexbox； 显示：-webkit flex
我想水平对齐2、3、4、5或更多的div，具有可变宽度，每个div之间具有静态间距。所有这些都不能超过其父级。因此，我同意4div不能实现25%的宽度，但我不知道如何实现。这将是
flex box.flex容器{
显示：-ms flexbox；
显示：-webkit flex；
显示器：flex；
-webkit柔性方向：行；
-ms柔性方向：行；
弯曲方向：行；
-webkit柔性包装：nowrap；
-ms-flex-wrap:nowrap；
柔性包装：nowrap；
-webkit内容：flex start；
-ms-flex-pack：启动；
调整内容：灵活启动；
-webkit对齐内容：拉伸；
-ms柔性线包装：弹性；
对齐内容：拉伸；
-webkit对齐项：flex开始；
-ms-flex-align：开始；
调整项目：灵活启动；
背景：#999；
利润率：15px；
右侧填充：5px；
}
.弹性项目{
-网络工具包订单：0；
-ms弹性订单：0；
顺序：0；
-webkit flex:10自动；
-ms-flex:10自动；
弹性：10自动；
-webkit自动对齐：自动；
-ms flex项目对齐：自动；
自对准：自动；
背景：#99f；
保证金：5px 0 5px 5px；
}
项目
项目
项目
项目
项目
项目
项目