如何使用css将内容置于div内部

Question

我创建了一个在大型设备上运行良好的网站，在移动设备上我试图将下面的图标集中在滑块下方的icn

.icn{
margin:0 auto;
}

但它没有居中。 我制作的网站是www.devmakk.com/tution

Answer 1

如果中心内容为display:block，则还需要应用宽度。

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

否则，父容器只需要text-align:center;。

Answer 2

您可以使用text-align:center如果您提供相关代码，我可以测试它

Answer 3

您必须将图标的显示更改为阻止 例如

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

不要忘记显示：阻止否则它不会工作

Answer 4

你可以试试这个：

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