Html 将文本放在DIV图像下

我试着把文字放在我的图片下面，每幅图片的文字居中对齐，但似乎不起作用。还有，我可以让这款手机兼容吗

以下是JSFIDLE：

以下是.p的CSS：

.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

添加到CSS中

例如：

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

 .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;
  }

---

我真是个白痴。还有，我可以在移动设备上实现这一点吗？1）是的，但是你最好使用

%

而不是

px

来表示宽度和高度。2.）请将

src装箱=http://some..

带有

src=”http://some“

带报价单！我会的，谢谢你。我有个问题要问你。。。如果有移动设备，我可以使用隐藏代码吗？@user2680614-就移动设备而言。。。从技术上讲，该代码可以在手机上运行，但您的HTML格式不适合在手机上显示。例如，正如MacKiee所指出的，强制显示器的宽度为900px意味着它无法安装在大多数移动设备上。应该考虑使用%。你也应该考虑把你的图片和字幕分组在一起…这样，当溢出到下一行时，图像及其标题可以一起移动。@Charlie74我应该将我的%设置为100吗？我希望它包括整个页面的宽度。我还试着把我的图片组合在一起，但它把所有的东西都发送到了下一行。