Расположение элементов из базы данных на странице

14 сентября 2021, 09:30

Всем привет! Подскажите пожалуйста, как сделать так, чтобы элементы из базы данных располагались в строку по 3, а не в столбец с новой строки.

<?php foreach ($ds as $ds) : ?> 
	 
<div class="container"> 
				<div class="dc clearfix"> 
					<div class="dc__item"> 
						<img src="<? echo $ds['img']; ?>" alt="Ds" width="150" height="150"> 
						<a href="dc_page.html"><h3><? echo $ds['Title_name']; ?></h3></a> 
						<p1> 
							<? echo $ds['experience']; ?> 
						</p1> 
						<p><? echo $ds['aess']; ?></p> 
						<h5><? echo $ds['ne']; ?></h5> 
						<? echo $ds['rng']; ?> 
					</div> 
                     </div> 
 
<hr> 
<?php endforeach; ?>

Answer 1

указать элементам display:inline-block и размер в процентах, чтобы влазило только 3 элементами.
или как сказал FlowGraph, сделать элементы flex и расставить их как надо.
тоже само можно сделать и с grid, что даже,наверное, быстрее будет, чем с флексами.

Answer 2

Решено!

Открыл контейнер в другом php файле и после, в следующем php файле подключился к бд и вывел элементы . Теперь каждый раз контейнер не создает.