Css 小方块网格未正确对中拇指

我有三个大拇指，我想在一排中居中。代码是

    <div class="large-12 columns">
    <ul class="small-block-grid-3">
      <li><img class="shadow" src="img/thumbs/carWashHome.jpg"></li>
      <li><img   class="shadow" src="img/thumbs/homeCleanHome.jpg"></li>
      <li><img   class="shadow" src="img/thumbs/carpetCleanHome.jpg"></li>
    </ul>
  </div>

但不知何故，大拇指是从左边开始的，而不是在中间。 你能建议如何解决这个问题吗。 这是照片

这里是链接

您可以看到拇指向左浮动。 如何使它们居中。

---

谢谢。

将一行替换为以下内容

<div class="large-12 columns" style="text-align: center;">

---

关键是添加

style=“text align:center；”

，问题将得到解决

用以下内容替换一行

<div class="large-12 columns" style="text-align: center;">

---

关键是添加

style=“text align:center；”“

，问题将得到解决

感谢您发布URL

只需添加

文本对齐：居中.small-block-grid-3>li{}

如果您有任何顾虑，请告诉我

CSS

.small-block-grid-3 > li{
    text-align:center;
}

---

谢谢你发布这个网址

只需添加

文本对齐：居中.small-block-grid-3>li{}

如果您有任何顾虑，请告诉我

CSS

.small-block-grid-3 > li{
    text-align:center;
}

---

将此css添加到图像标记：

display: block;
margin-left: auto;
margin-right: auto;

---

它会将图像对齐到

li

标签中的

center

。

将此css添加到图像标签中：

display: block;
margin-left: auto;
margin-right: auto;

---

将图像与<代码>中心存在于Li TAG。

可以很好地知道，该基金会还有一个称为“文本中心”的CSS类，它可以根据需要应用到元素：-P/P>

内容在这里。。。
可以很好地知道，该基金会还有一个CSS类，称为“文本中心”，它可以根据需要应用于元素：-）< /P>

内容在这里。。。
small-block-grid-3
将向左浮动，并为每个
li
分配33.3333%的宽度。它在元素上设置了一个填充，使它们看起来间隔均匀。在看不到更多代码的情况下，很难判断是否存在任何冲突的样式。你的意思是我应该在列表项的右侧添加填充？可以提供演示或URL吗？
small-block-grid-3
将向左浮动，并为每个
li
分配33.3333%的宽度。它在元素上设置了一个填充，使它们看起来间隔均匀。如果看不到更多的代码，很难判断是否有任何冲突的样式。你的意思是我应该给列表项添加填充，对吗？可以提供演示或URL吗？谢谢。成功了。但是阿迪蒂亚，你能告诉我这种风格是什么意思吗？谢谢。成功了。但是阿迪蒂亚，你能告诉我这种风格是什么意思吗？