html - 如何使用css将div中的内容居中

Question

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

.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; 就可以了。