html - 将文本放在 DIV 图像下

Question

我试图将文本放在我的图像下，每个图像中的文本居中对齐，但它似乎不起作用。还有无论如何我可以使这款手机兼容吗？

这是 JSFiddle：http: //jsfiddle.net/r3u6B/

这是.p的CSS：

.imgcontainer p {
display:inline-block;
position:relative;
padding:1px;
border: 0px solid #c4c4c4;
margin:0px 37px 0px 0px;
width:175px;
height:175px;
}

Answer 1

我认为你只需要添加text-align:center到你的 CSS 中。

示例：http: //jsfiddle.net/r3u6B/1/

因此，您调整后的代码如下所示：

 .imgcontainer p {
  display:inline-block;
  position:relative;
  padding:1px;
  border: 0px solid #c4c4c4;
  margin:0px 37px 0px 0px;
  width:175px;
  height:175px;
  text-align:center;
  }