Javascript 如何设置最后一个元素的左对齐，该元素位于中心容器中？

这是我的密码：

.container{
宽度：50%；
边框：1px实心；
文本对齐：居中；
}
.盒子{
显示：内联块；
边框：1px纯红；
宽度：100px；
高度：20px；
利润率：10px；
}

某物
某物
某物
某物
某物

尝试使用浮动属性。并用最小高度固定容器

.container{
宽度：50%；
边框：1px实心；
文本对齐：居中；
最小高度：150px；
}
.盒子{
浮动：左；
边框：1px纯红；
宽度：100px；
高度：20px；
利润率：10px；
}

某物
某物
某物
某物
某物

尝试使用浮动属性。并用最小高度固定容器

.container{
宽度：50%；
边框：1px实心；
文本对齐：居中；
最小高度：150px；
}
.盒子{
浮动：左；
边框：1px纯红；
宽度：100px；
高度：20px；
利润率：10px；
}

某物
某物
某物
某物
某物

我添加了一些背景色，让您可以看到容器在做什么

.container{
宽度：50%；
边框：1px实心；
文本对齐：居中；
背景颜色：银色；
}
.盒子{
显示：内联块；
边框：1px纯红；
宽度：100px；
高度：20px；
利润率：10px；
文本对齐：居中；
}
.innerContainer{
宽度：250px；
背景颜色：浅灰色；
保证金：自动；
}
.行{
文本对齐：左对齐；
}

某物
某物
某物
某物
某物

我添加了一些背景色，让您可以看到容器在做什么

.container{
宽度：50%；
边框：1px实心；
文本对齐：居中；
背景颜色：银色；
}
.盒子{
显示：内联块；
边框：1px纯红；
宽度：100px；
高度：20px；
利润率：10px；
文本对齐：居中；
}
.innerContainer{
宽度：250px；
背景颜色：浅灰色；
保证金：自动；
}
.行{
文本对齐：左对齐；
}

某物
某物
某物
某物
某物

试试这个，我想它会很好用的，如果你想让它有响应性，我会帮助你使用

mediaQuery

.container{
宽度：50%；
边框：1px实心；
文本对齐：居中；
显示器：flex；
弯曲方向：柱状；
柔性包装：包装；
调整内容：灵活启动；
对齐项目：居中；
对齐内容：拉伸；
}
.盒子{
显示：内联块；
边框：1px纯红；
宽度：100px；
高度：20px；
利润率：10px；
}

某物
某物
某物
某物
某物

试试这个，我想它会很好用的，如果你想让它有响应性，我会帮助你使用

mediaQuery

.container{
宽度：50%；
边框：1px实心；
文本对齐：居中；
显示器：flex；
弯曲方向：柱状；
柔性包装：包装；
调整内容：灵活启动；
对齐项目：居中；
对齐内容：拉伸；
}
.盒子{
显示：内联块；
边框：1px纯红；
宽度：100px；
高度：20px；
利润率：10px；
}

某物
某物
某物
某物
某物

在块上使用

浮动：左

您需要添加嵌套div并在其上设置宽度

然后，您的

框

元素将全部位于嵌套div的中心，并将最后一个框放在左列

.center{
文本对齐：居中；
左边距：自动%；
右边距：自动%；
宽度：100%；
}
.集装箱{
左边缘：25%；
右边距：25%；
宽度：40%；
边框：1px实心；
}
.盒子{
显示：内联块；
边框：1px纯红；
浮动：左；
宽度：100px；
高度：20px；
利润率：10px；
}

某物
某物
某物
某物
某物

在块上使用

浮动：左

您需要添加嵌套div并在其上设置宽度

然后，您的

框

元素将全部位于嵌套div的中心，并将最后一个框放在左列

.center{
文本对齐：居中；
左边距：自动%；
右边距：自动%；
宽度：100%；
}
.集装箱{
左边缘：25%；
右边距：25%；
宽度：40%；
边框：1px实心；
}
.盒子{
显示：内联块；
边框：1px纯红；
浮动：左；
宽度：100px；
高度：20px；
利润率：10px；
}

某物
某物
某物
某物
某物

使用

浮动：左内框类，如：

.box{
   display: inline-block;
   border: 1px solid red;
   width: 100px;
   height: 20px;
   margin: 10px;
   float: left;
}

使用浮动：左内框类，如：

.box{
   display: inline-block;
   border: 1px solid red;
   width: 100px;
   height: 20px;
   margin: 10px;
   float: left;
}

相关-和-你愿意改变你的标记吗？@Mr.Alien我可以改变一切。。HTML和CSS代码。我只需要将盒子放在容器中心，并将最后一个盒子设置在左栏的同一行（垂直）。@MartinAJ说我正在调整屏幕大小，第二行有两个盒子，第一行有三个，您想将底部的两个框居中吗？相关-和-您愿意更改标记吗？@Mr.Alien我可以更改所有内容。。HTML和CSS代码。我只需要将盒子放在容器中心，并将最后一个盒子放在左栏的同一行（垂直）。@MartinAJ说我正在调整屏幕的大小，第二行有两个盒子，第一行有三个，你想将底部的两个盒子居中吗？我的问题似乎不够清楚。因为在您的代码中，所有的框都在容器的左侧。而我需要留在集装箱中心。我的问题似乎不够清楚。因为在您的代码中，所有的框都在容器的左侧。虽然我需要保留在容器中心。中心不是有效的HTML5，但我不希望固定宽度（
px
）作为容器的宽度。如果没有设置数量的px，我无法执行此操作。很抱歉我尝试过：（中间是无效的HTML5。我不想要固定宽度（
px
）作为容器的宽度。如果没有设置数量的px，我无法执行此操作。抱歉。我尝试过：（我不想要固定宽度（
px
）作为容器的宽度。我将其更改为pct。但该pct需要根据内部盒子的相对宽度进行设置。如果您查看引导带，这就是