Jquery 如何在容器中垂直和水平居中放置div

我有以下标记：

<div class="wrapper">
  <div class="block new-block"></div>
  <div class="block used-block"></div>
  <div class="block service-block"></div>
  <div class="block certified-block"></div>
  <div class="block offer-type-block"></div>
</div>

---

我想在容器包装器容器中水平和垂直地将内部5个div居中，如何使用css实现这一点。谢谢你

请尝试下面的代码。也许它能帮助你

 .wrapper {
        width : 800px;
        height : 100px;
        background : #393533;
        margin : auto;
        position: relative;
      }

---

请尝试下面的代码。也许它能帮助你

 .wrapper {
        width : 800px;
        height : 100px;
        background : #393533;
        margin : auto;
        position: relative;
      }

---

一种方法是在包装器上使用CSS flexbox并将内容对齐到中心：

.wrapper{
宽度：800px；
高度：100px；
背景:#393533；
保证金：自动；
显示器：flex；
证明内容：中心；
}
.街区{
宽度：19%；
高度：80px；
背景：鲑鱼；
显示：内联块；
自对准：居中；
}

测试
测试
测试
测试
测试

一种方法是在包装器上使用CSS flexbox并将内容对齐到中心：

.wrapper{
宽度：800px；
高度：100px；
背景:#393533；
保证金：自动；
显示器：flex；
证明内容：中心；
}
.街区{
宽度：19%；
高度：80px；
背景：鲑鱼；
显示：内联块；
自对准：居中；
}

测试
测试
测试
测试
测试

示例代码
.包装纸{
宽度：800px；
高度：120px；
背景:#393533；
保证金：自动；
填充：20px；
框大小：边框框；
文本对齐：居中；
}
.街区{
宽度：19%；
高度：80px；
背景：鲑鱼；
显示：内联块；
}

示例代码
.包装纸{
宽度：800px；
高度：120px；
背景:#393533；
保证金：自动；
填充：20px；
框大小：边框框；
文本对齐：居中；
}
.街区{
宽度：19%；
高度：80px；
背景：鲑鱼；
显示：内联块；
}

你不认为你应该把这个问题标记为重复的吗？@AbhishekPandey-已经完成了。听起来不错……你不认为你应该把这个问题标记为重复的吗？@AbhishekPandey-已经完成了。听起来不错……

clearfix

不是there@prasad请发现更新后的解决方案

clearfix

不可用there@prasad请找到更新的解决方案