如何水平排列图像？

Question

图片竖排，我想横排一张row.I使用fancybox3和boostrap4

这是我的代码

<?php
$sayfa = 'Ürünler';
include('inc/vt.php');
include('inc/head.php');
include('inc/nav.php');

$sorgu = $baglanti->prepare("SELECT * FROM urunler where aktif=1 order by sira");
$sorgu->execute();
$yon = 'sag';

while ($sonuc = $sorgu->fetch()) {
?>

<section class="imglist">
<a href="img/<?= $sonuc['foto'] ?>" data-fancybox data-caption="This image has a caption">
  <img src="img/<?= $sonuc['foto'] ?>" style='height: 50%; width: 100%; object-fit: contain;display: 
block;margin: auto auto' />
 </a>
</div>

<?php
if ($yon == 'sag') $yon = 'sol';
else $yon = 'sag';

} //while end
include('inc/footer.php');
?>

Answer 1

我在手机上，请见谅grammar/formatting。

将您的显示属性更改为：

显示：内联块；

和 LMK，如果可以解决问题。

如何水平排列图像？

How can I order image horizontally?

html

css

php

bootstrap-4

fancybox-3