• 文字サイズ
解決済

画面がセンタリングされない。

  • 相談者:非公開
  • 2019/02/26 11:33
お世話になっております。
デザインレシピのflex-boxで、横並びの仮商品配列を作ったのですが、テストページでは、きちんと画面中心にセンタリングされていたのですが、いざ、本ページに仮登録してみると、左によってしまいます。
ページは
https//www.rakuten.ne.jp/gold/SHOP-URL/indextest.html
のスーパーSALE表示部分で、左揃えになってしまいます。
この部分だけ切り取って、htmlファイルにして実行すれば、全体がセンタリングしてくれるのですが、どこが影響しているのかわかりません。
ご教授していただければ助かります。
よろしくお願い致します。
キーワード:htmlstylecss
投稿内容について報告する




  • 返信者:非公開
  • 2019/02/26 17:30
ECマスターズの伊藤です。

flex-boxの記述については、デザインレシピより
きちんと設定いただけたようで、問題なく機能しております。

今回、………(省略)………
  • 返信者:非公開(質問者)
  • 2019/02/26 17:58
ありがとうございました。
.col_box{   }
内に、margin:10px
とすればいいと思って、設定してもだめだったので、なんでだろうと思ってい………(省略)………
  • 返信者:非公開
  • 2019/02/26 22:02
ECマスターズの田中です。

.col_box{   } 内に margin:10px; を指定した場合、
1行分の全体に対して10pxの余白ができ、
………(省略)………
  • 返信者:非公開(質問者)
  • 2019/02/26 22:27
ありがとうございます。
助かりました。スーパーSALE直前でしたので焦っておりました。
もっと勉強しないとだめですね。がんばります。
今後とも宜しくお願い………(省略)………