1

各画像のテキストを中央揃えにして画像の下にテキストを配置しようとしていますが、うまくいかないようです。また、とにかくこのモバイル対応にすることはできますか?

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

1 に答える 1

2

text-align:centerCSSに追加するだけでよいと思います。

例: 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;
  }
于 2013-10-06T16:26:02.810 に答える