写真のページング処理について

Question

##したいこと

<div class="inline" id="movie">で囲んでいるところで<div class="media">がforeachで連続して表示され、その中に写真などが出力されていくのですが、 ４列ずつで表示させ、４列を超えたら、<div class="inline" id="movie">内で次の項目を出力させる処理をプラグインを使わないで行いたいです。

###該当のソースコード

<div class="inline" id="movie"> <div class="media"> <img ・・・・> </div> <div class="media"> <img ・・・・> </div> ・ ・ ・ </div>

###補足情報(言語/FW/ツール等のバージョンなど)
PHP、HTML、CSS、

Comments

[kei344]

質問文のコードはそれぞれコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。また、ご自身で試されたコードを質問文に追記し、「何」が「どのように」わからないのか、コードのどの部分で詰まっているのかなどを具体的に追記されたほうが回答が望めると思います。

[slvg8122]

質問にありました<img・・・・>の・・・は省略です。分かりやすいように、イメージ図をご用意いたしました。申し訳ございませんが再度、回答していただけますよう、よろしくお願い致します。

[kei344]

先ほどの修正依頼を読んでおられますか？ https://teratail.com/help/question-tips

[m.ts10806]

これだとほぼ何もしていないのと同じ「丸投げ」状態です。まず自分で「したいこと」に書いている通り（＝仕様）に試行錯誤してやってみてください。

[miyahan]

投稿すべきサイトが違う気がします。こちらのほうが適切かと：http://www.lancers.jp/work/search/web/website

[yuki84web]

"次の項目を出力させる処理"の意味が良く分かりません