Javascript 集中于水平元素浮动，如果可能，响应

我在这个问题上遇到了麻烦

当我缩小窗口的宽度时，我试图使所有带有div的形状保持居中，但它们总是彼此跟随，并且真正向左（想想float:left就是这样）

如果可能的话，我们会对图像保持兴趣，但我试图控制宽度百分比，但没有成功

Tks的支持

---

我认为问题在于你的css。在类定义中有一个

float:left

，它使所有div向左对齐

.general-box {
    padding: 0 40px 30px 40px;
    font-weight: bold;
    border: 1px solid #000;
    text-align:center /** <-- Add a text-align:center here */
}
.general-box .left-right-padding {
    /** float: left;  <--Remove this */
    padding: 0 20px 0 20px;
}

.general框{
填充：0 40px 30px 40px；
字体大小：粗体；
边框：1px实心#000；
文本对齐：居中/**一种可能适用于您的解决方案是不使用
浮动：left
您的
框。使用左右填充
框，而是使用
边距：0 auto
方法


CSS:

拆下浮子，然后放置

.general-box {
    padding: 0 40px 30px 40px;
    font-weight: bold;
    display: table-row;
    border: 1px solid #000;
}
.general-box .left-right-padding {
    display: table-cell; 
    padding: 0 20px 0 20px;
}

并使用以下css:display:table和width:100%在内容周围添加一个div

Adilapapaya，tks用于支撑。但我需要元素并排到初始位置。伙计，tks用于支撑，但我需要元素并排到初始位置，我无法确定宽度。
.general-box {
    padding: 0 40px 30px 40px;
    font-weight: bold;
    border: 1px solid #000;
    text-align:center /** <-- Add a text-align:center here */
}
.general-box .left-right-padding {
    /** float: left;  <--Remove this */
    padding: 0 20px 0 20px;
}

.general-box .left-right-padding {
  //float: left;
  //padding: 0 20px 0 20px;

  margin: 0 auto;
  width: 300px;
}

.general-box {
    padding: 0 40px 30px 40px;
    font-weight: bold;
    display: table-row;
    border: 1px solid #000;
}
.general-box .left-right-padding {
    display: table-cell; 
    padding: 0 20px 0 20px;
}