Html 如何使用css将内容集中在div中

我制作了一个在大型设备上运行良好的网站，在移动设备上，我试图使用icn类中下面的代码将滑块下方的图标居中

.icn{
margin:0 auto;
}

但它并没有居中。

---

我创建的网站位于www.devmakk.com/tution

您可以使用

text align:center

如果您以小提琴形式提供相关代码，我将能够对其进行测试如果它是

display:block

，则居中的内容也需要应用宽度

.icn{
    margin:0 auto;
    width:20px;
    display:block; // this is needed.
}

---

否则，父容器只需要有

文本对齐：居中在它上面。
您必须将图标的显示更改为阻止
比如说

.icn{
display:block
margin:0 auto;
}

不要忘记显示：阻止，否则它将无法工作
您可以尝试以下方法：

.icn{
margin-Left:auto;
margin-Right:auto;
}

这是一个重复的问题，请搜索b4。请告诉我您需要更改哪个icn。为什么这个几乎被格雷厄姆回答了无数次的问题被投了更高的票？@ctf0我知道，但我的code@user3447573如果你搜索过，你就会知道
margin:0auto在未指定宽度的情况下不起作用。