Javascript 如何并排获得s

我创建了这些div作为按钮重定向到不同的站点页面，由于某些原因，我无法将它们并排放置。我已经尝试了包括flexbox在内的所有方法，但我似乎无法同时获得Div。我做错了什么

有没有更简单的方法来实现我的目标？或者，这是一个简单的错误，我看了

html，正文{ 保证金：0； 身高：100%； } .img_集装箱{ 边界：无； 宽度：70%； 填充：10px； 高度：自动； 显示：块； 证明内容：中心； 对齐项目：居中； } a{ 文字装饰：无； } a:链接，a:已访问{ 颜色：b3ab7d； } a:悬停{ 颜色：b3ab7d； } .背景{ 背景：104723； 宽度：150px； 高度：150像素； } .img{ 宽度：70%； 显示：块； 保证金：0自动； } a{ 显示：块； 文本对齐：居中； } .文本{ 字体大小：70%； } *{ 框大小：边框框； } .中心{ 证明内容：中心； 对齐项目：居中； } 您忘记了显示：flex；以你的中心班的名字

检查更新的代码段

html，正文{ 保证金：0； 身高：100%； } .img_集装箱{ 边界：无； 宽度：70%； 填充：10px； 高度：自动； 显示：块； 证明内容：中心； 对齐项目：居中； } a{ 文字装饰：无； } a:链接，a:已访问{ 颜色：b3ab7d； } a:悬停{ 颜色：b3ab7d； } .背景{ 背景：104723； 宽度：150px； 高度：150像素； } .img{ 宽度：70%； 显示：块； 保证金：0自动； } a{ 显示：块； 文本对齐：居中； } .文本{ 字体大小：70%； } *{ 框大小：边框框； } .中心{ 显示器：flex； 证明内容：中心； 对齐项目：居中； }

---

显示柔性；好像不见了

.center {
    display: flex;
    justify-content: center;
    align-items: center;
}

---

只需删除类下方的宽度，并根据pr需要添加左侧或右侧浮动

.img_container {
    border: none;
    width: auto;
    padding: 10px;
    height: auto;
    display: block;
    justify-content: center;
    align-items: center;
    float: left;
}