Html 对齐图像CSS

我想证明3张图片，我从来没有这样做过，所以我不知道怎么做。 现在我在谷歌上搜索了一下，找到了属性“justify”，但我发现它只适用于文本（如果我错了，请纠正我）

但我尝试了以下方法

HTML

        <ul>
            <li><img class="uspIconOntwerp" src="images/ontwerp-icon.png" /><div class="uspText">Ontwerp</div></li>
            <li><img class="uspIconRealisatie" src="images/realisatie-icon.png" /><div class="uspText">Realisatie</div></li>
            <li><img class="uspIconPrijs" src="images/prijs-icon.png" /><div class="uspText">Betaalbare prijs</div></li>
        </ul>

但这（当然）不起作用

---

有人知道怎么做吗？

要使

对齐

属性与文本对齐一样工作，您需要使

li

项

内联块
元素。试试这个：

ul {
  text-align: justify;
}
ul > li {
  display: inline-block;
}
ul:after {
  content: '';
  display: inline-block;
  width: 100%;
}


*{
保证金：0；
填充：0
}
保险商实验室{
背景：红色；
填充：40px；
框大小：边框框；
文本对齐：对齐；
}
ul>li{
显示：内联块；
}
ul：之后{
内容：''；
显示：内联块；
宽度：100%；
}


安特卫普


现实


贝塔巴尔普里斯酒店

要做什么？将文本与图像对齐？我只是在谷歌上搜索了标题，发现：。我不确定它是否能满足你的需要。我想在我的网站上水平对齐图片。你的意思是这样的吗？我的意思是这样的。图片必须水平分布在整个页面上。啊，谢谢！但当我把我的宽度设为75%时，它就不起作用了。为什么不呢？在jsfiddle pleaseNVM上重新创建该示例，它可以工作！非常感谢。
ul {
  text-align: justify;
}
ul > li {
  display: inline-block;
}
ul:after {
  content: '';
  display: inline-block;
  width: 100%;
}