Jquery 使一个或多个div始终位于父div的中心

Jquery 使一个或多个div始终位于父div的中心,jquery,html,css,Jquery,Html,Css,我想做一个像公文包一样的东西,但里面没有图片。 实际上,我想要一个父div容器1、2或3个div。当三个div仅为一个div的内部宽度的30%-33%时,它必须位于父div的中心 i、 e(-div--) 当里面有两个div时,这两个div必须位于父div的中心, i、 e(--div div--) 即使我输入第四个div,父div也会将它们全部放在中间,左右两侧的边距/填充相同。 i、 东区(分区) 如果我在已经存在的div下输入更多div,则新div在这些div下的方式完全相同 (--div

我想做一个像公文包一样的东西,但里面没有图片。 实际上,我想要一个父div容器1、2或3个div。当三个div仅为一个div的内部宽度的30%-33%时,它必须位于父div的中心 i、 e(-div--)

当里面有两个div时,这两个div必须位于父div的中心, i、 e(--div div--)

即使我输入第四个div,父div也会将它们全部放在中间,左右两侧的边距/填充相同。 i、 东区(分区)

如果我在已经存在的div下输入更多div,则新div在这些div下的方式完全相同

(--div--)只有一个div (-div div--)两个div (分区)三个分区


您可以使用
显示:内联块
css属性。关于此,了解如何使用它来居中对齐图元

*{
框大小:边框框;
}
身体{
字体系列:Arial,无衬线;
线高:20px;
字体大小:14px;
保证金:0;
}
.家长{
字母间距:-4px;
文本对齐:居中;
填充:16px0;
字号:0;
}
.孩子{
显示:内联块;
垂直对齐:顶部;
填充:0 8px 16px;
字母间距:0;
字体大小:14px;
宽度:33.33%;
}
.儿童持有人{
线高:200px;
背景:#000;
字体大小:25px;
高度:200px;
颜色:#fff;
}

儿童1
儿童2
儿童3
儿童4
儿童5

.parent{text align:center} .child{显示:内联块;宽度:33%}

这将解决您的问题。

Flexbox可以做到这一点

.child{
高度:40px;
背景:红色;
宽度:100px;
边缘:0 1米;
}
.家长{
边缘:1米;
显示器:flex;
证明内容:中心;
边框:1px纯灰;
}


这里的问题是什么?欢迎来到SO!请阅读此处,以帮助获得问题的答案->到目前为止您尝试了什么?没有代码,没有巧克力,换句话说,如果您不设置一个简单的HTML/CSS案例来显示您的问题,您可能会让我们浪费时间猜测您真正的问题是什么……我在图像上尝试了这个方法,效果很好。但当我谈到div时,一个div很容易通过使用margin:0auto在中间结算;默认情况下,div在另一个div之后出现,所以我的下一个div出现了。我不确定你的意思,但我有一个flexbox指南供参考-