匿名質問者
匿名質問者匿名質問者とは「匿名質問」を利用して質問した質問者。
「匿名質問」では、ユーザー名を公開せずに匿名の質問ができます。
詳しくはこちら

cssで複数画像を中央寄せしつつ左頭出しする方法


180x180の画像を数十枚掲載します。
ブラウザのサイズを変えた際、全体は中央寄せで左の頭出しをしたいです。
(改行して余った時は、中央にくるのではなく左に行く)
以下の様にしたのですが、数が少ない時は中央寄せになるのですが、2行になると中央寄せにならず左に寄ってしまいます。(最大で画像サイズ分右余白が出来てしまう。)
これをしっかり中央寄せにするにはどうしたらいいでしょうか?
.page_photo_con{
text-align:center;
margin:0 auto 60px;
}
.page_photo{
text-align:center;
display:inline-block;
overflow:hidden;
}
.page_photo_pic{
margin:10px;
}
------
<div class="page_main_con">
<div class="page_photo">
<a href="./photo/12/xx.jpg"><img src="./photo/12/xx.jpg"></a>
<a href="./photo/12/xx.jpg"><img src="./photo/12/xx.jpg"></a>
  ~
</div>
</div>

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2018/01/09 15:36:29
  • 終了:2018/01/16 15:40:05

回答(0件)

回答はまだありません

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません