Q&A
ul タグは変えてもいいんスか?
前提・実現したいこと
PHPでforeachで画面表示させている要素を2つずつ横並びにさせたい。
現在の並び順
配列1
配列2
配列3
配列4
配列5
となっています。
↓↓↓
配列1 配列2
配列3 配列4
配列5 配列6
となるようにしたいです。
nameとpriceのセットで1つの配列です。
発生している問題・エラーメッセージ
現在は縦１列で表示されている。
該当のソースコード
画面表示をさせている部分
<body> <ul> <?php foreach($aryPref as $value){ ?> <li><?php echo $value['name']; ?></li> <li><?php echo $value['price']; ?></li> <?php } ?> </ul> </body>
調べましたがcssを使用した横並びの方法しか取得できず
ループ処理で取り出した配列を横並びにする方法が検討がつきません。
ご回答宜しくお願い致します。
はい。無くても大丈夫です！
> nemeの横にpriceはきましたが1つ1つの配列は縦1列のままです、、
というコメントがありますが、期待する動作をもっと具体的に記述してください。
> 2つずつ横並びにさせたい。
aaa bbb
aaa bbb
aaa bbb
↑「2つずつ」になってますよね。
aaa aaa aaa
bbb bbb bbb
↑「横並び」っていうとこういうイメージ？
aaa bbb aaa bbb aaa bbb
↑こういうのが期待値なのかな？
説明が不足しており申し訳ございません。
1番上の並びにしたいです。
現在の並び順
配列1
配列2
配列3
配列4
配列5
となっています。
↓↓↓
配列1 配列2
配列3 配列4
配列5 配列6
となるようにしたいです。
「配列1、配列2」は具体的に name, price を使ってどう表現されているイメージですか？
- name
- price
というリストのことを「配列1」として表現しているのか、「nameが配列1, priceが配列2」なのか。
nameとpriceで1つのの配列です。
name1 name2
price1 price 2
name3 name4
price3 price4
name5 name6
price5 price6
このようなイメージです。
回答3件
0
追記いただいた方法で実装ができました。
ありがとうございました。助かりました！！
投稿2021/09/01 16:58
総合スコア96
0
ベストアンサー
横並びにしたい、というのは単に横に並べるだけ？
php
1<body> 2<div> 3 4<?php foreach($aryPref as $value){ ?> 5 6<span class="name"><?php echo $value['name']; ?></span> 7<span class="price"><?php echo $value['price']; ?></span> 8 9<?php } ?> 10 11</div> 12 13</body>
項目ごとにスタイルを当てたくなるのでは、という想定のもとクラスを付けてみました。
追記
php
1<body> 2<table> 3 4<?php foreach($aryPref as $index => $value){ ?> 5<?php if ($index % 2 == 0) { ?><tr><?php } ?> 6<td> 7 <ul> 8 <li><?php echo $value['name']; ?></li> 9 <li><?php echo $value['price']; ?></li> 10 </ul> 11</td> 12<?php if ($index % 2 == 1) { ?></tr><?php } ?> 13<?php } ?> 14 15</table> 16 17</body>
投稿2021/09/01 14:26
編集2021/09/01 15:06総合スコア6753
0
TABLE タグを使えばいいと思います。
php
1<body> 2<table> 3<?php foreach($aryPref as $value){ ?> 4 5<tr><td><?php echo $value['name']; ?></td> 6<td><?php echo $value['price']; ?></td></tr> 7 8<?php } ?> 9</table> 10</body>
投稿2021/09/01 13:03
総合スコア7458
あなたの回答
tips
プレビュー
