Html 更改容器内多个div最后一行的对齐方式

我有一个容器div，其中包含许多div，如下所示。

.result容器{
最大宽度：650px；
保证金：0自动；
背景：蓝色；
边框：1px实心；
位置：相对位置；
文本对齐：居中；
}
.结果容器.项目{
显示：内联块；
最大宽度：200px；
最小宽度：200px；
背景：绿色；
边框：1px实心；
}
.结果容器.项目img{
显示：块；
保证金：0自动；
}

---

因为您的单个DIV实际上有一个固定的宽度（

max width

和

min width

设置为200px），所以您可以在容器上使用一个固定的宽度，将三个DIV宽度和容器宽度之间的差异分配到边距，并应用

文本对齐：左到它：

.result-container {
  width: 614px;
  padding: 0 18px;
  text-align: left;
  etc..
}


.result容器{
宽度：614px；
填充：0 18px；
保证金：0自动；
背景：蓝色；
边框：1px实心；
位置：相对位置；
文本对齐：左对齐；
}
.结果容器.项目{
显示：内联块；
最大宽度：200px；
最小宽度：200px；
背景：绿色；
边框：1px实心；
}
.结果容器.项目img{
显示：块；
保证金：0自动；
}
因为您的单个DIV实际上有一个固定的宽度（
max width
和
min width
设置为200px），所以您可以在容器上使用一个固定的宽度，将三个DIV宽度和容器宽度之间的差异分配到边距，并应用
文本对齐：左到它：

.result-container {
  width: 614px;
  padding: 0 18px;
  text-align: left;
  etc..
}


.result容器{
宽度：614px；
填充：0 18px；
保证金：0自动；
背景：蓝色；
边框：1px实心；
位置：相对位置；
文本对齐：左对齐；
}
.结果容器.项目{
显示：内联块；
最大宽度：200px；
最小宽度：200px；
背景：绿色；
边框：1px实心；
}
.结果容器.项目img{
显示：块；
保证金：0自动；
}
另一个选项是对内联块使用文本最后对齐

 div.wrapper {
        width: 680px;
        text-align: justify;
        text-align-last: center;
        border: 2px solid blue;
    }

    div.item{
        width: 100px;
        border:1px solid red;
        display: inline-block;
        height:100px;
    }


<div class="wrapper">
    <div class="item">item</div>
    <div class="item">item</div>
    <div class="item">item</div>
    <div class="item">item</div>
    <div class="item">item</div>
    <div class="item">item</div>
    <div class="item">item</div>
</div>

div.wrapper{
宽度：680px；
文本对齐：对齐；
文本最后对齐：居中；
边框：2件纯蓝；
}
分部项目{
宽度：100px；
边框：1px纯红；
显示：内联块；
高度：100px；
}
项目
项目
项目
项目
项目
项目
项目
另一个选项是对内联块使用文本最后对齐

 div.wrapper {
        width: 680px;
        text-align: justify;
        text-align-last: center;
        border: 2px solid blue;
    }

    div.item{
        width: 100px;
        border:1px solid red;
        display: inline-block;
        height:100px;
    }


<div class="wrapper">
    <div class="item">item</div>
    <div class="item">item</div>
    <div class="item">item</div>
    <div class="item">item</div>
    <div class="item">item</div>
    <div class="item">item</div>
    <div class="item">item</div>
</div>

div.wrapper{
宽度：680px；
文本对齐：对齐；
文本最后对齐：居中；
边框：2件纯蓝；
}
分部项目{
宽度：100px；
边框：1px纯红；
显示：内联块；
高度：100px；
}
项目
项目
项目
项目
项目
项目
项目
Aha，我看到您将容器的宽度更改为与三个子div的宽度完全相同，并对容器应用了填充。它解决了这个问题。谢谢：）啊哈，我看到您将容器的宽度更改为与三个子div的宽度完全相同，并对容器应用了填充。它解决了这个问题。谢谢：）