Javascript 如何使用jquery水平居中处理jquery元素

我不知道是否与jquery有任何关联，可能会影响。。我用jquery操作我的html元素，我用锚点包装我的html，我想水平居中，不管我有多少个框，一个或多个框，它必须是我div的中心

如下图所示

$（“.wrapMe”）。每个（函数（）{
$（此）.wrapAll（“
2017年4月20日-2017年4月23日，3 Gece

2017年4月20日-2017年4月23日，3 Gece

我通过将flexbox添加到.historyForm并从.historyBox中删除float来修复它

同样的代码笔

---

我通过将flexbox添加到.historyForm并从.historyBox中删除float来修复它

同样的代码笔

---

您可以通过使用CSS来实现这一点。只需将其添加到您的CSS中即可

.historyForm {
  display: flex;
  justify-content: center;
}

/*新CSS开始*/
.历史形态{
显示器：flex；
证明内容：中心；
}
/*新CSS端*/
* {
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
}
.订票表格{
宽度：1004px；
保证金：30像素自动；
背景：浅蓝色；
填充：30px0；
}
.预订表格：之前，.预订表格：之后{
内容：“；
显示：表格；
明确：两者皆有；
}
.历史形态{
宽度：950px；
左边距：自动；
右边距：自动；
边缘顶部：10px；
}
.historyForm:之前，.historyForm:之后{
内容：“；
显示：表格；
明确：两者皆有；
}
.历史箱{
位置：相对位置；
宽度：32.33%；
保证金权利：1%；
浮动：左；
填充：16px 13px；
背景：rgba（0,0,0,0.8）；
边框：1px实心rgba（0,0,0,0.2）；
边界半径：3px；
指针事件：可见；
}
.历史记录框：悬停{
背景：rgba（0,0,0,0.9）；
边框：1px实心rgba（0,0,0,0.1）；
}
.历史框a{
颜色：#FFF；
}
.历史箱p{
字体大小：12px；
颜色：#ccd2d6；
页边顶部：-5px；
}
.历史名称{
字体大小：14px；
字体大小：粗体；
}
.历史图标{
颜色：#FFF；
位置：绝对位置；
最高：30%；
右：5%；
}

2017年4月20日-2017年4月23日，3 Gece

2017年4月20日-2017年4月23日，3 Gece

您只需使用CSS即可实现这一点。只需将其添加到您的CSS中即可

.historyForm {
  display: flex;
  justify-content: center;
}

/*新CSS开始*/
.历史形态{
显示器：flex；
证明内容：中心；
}
/*新CSS端*/
* {
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
}
.订票表格{
宽度：1004px；
保证金：30像素自动；
背景：浅蓝色；
填充：30px0；
}
.预订表格：之前，.预订表格：之后{
内容：“；
显示：表格；
明确：两者皆有；
}
.历史形态{
宽度：950px；
左边距：自动；
右边距：自动；
边缘顶部：10px；
}
.historyForm:之前，.historyForm:之后{
内容：“；
显示：表格；
明确：两者皆有；
}
.历史箱{
位置：相对位置；
宽度：32.33%；
保证金权利：1%；
浮动：左；
填充：16px 13px；
背景：rgba（0,0,0,0.8）；
边框：1px实心rgba（0,0,0,0.2）；
边界半径：3px；
指针事件：可见；
}
.历史记录框：悬停{
背景：rgba（0,0,0,0.9）；
边框：1px实心rgba（0,0,0,0.1）；
}
.历史框a{
颜色：#FFF；
}
.历史箱p{
字体大小：12px；
颜色：#ccd2d6；
页边顶部：-5px；
}
.历史名称{
字体大小：14px；
字体大小：粗体；
}
.历史图标{
颜色：#FFF；
位置：绝对位置；
最高：30%；
右：5%；
}

2017年4月20日-2017年4月23日，3 Gece

2017年4月20日-2017年4月23日，3 Gece

为什么你要使用javascript将historyBox与锚点包装在一起？难道你不能删除.historyBox中的锚点并替换为，然后在.historyBox中写入？使用flex box。这样更容易管理你的目标，因为它必须是链接，我为Seowh做了所有historyBox为什么你要使用javascript将historyBox与锚点包装在一起？不能吗你移除.historyBox中的锚并替换为，然后在.historyBox？中写入。使用flex-box。管理你的目标更容易，因为它必须是link，我为SEOthanks做了所有historyBox，但它不适用于我的wrap函数：）谢谢，但它不适用于我的wrap函数：）