以水平方式显示数据库中的图像

时间:2017-04-30 09:06:55

标签: php css mysql

这是我的代码,显示来自mysql数据库的图像

<?php

error_reporting(0);
include_once 'dbconfig.php';
$id=$_POST['id'];
$q="select * from services ";
$qq=mysql_query($q)
  or die(mysql_error());
  while($row=mysql_fetch_array($qq)){ 
  $s1=$row[image];
 ?>
                         <?php
 $p1="admin/services/uploads-services/";
 echo '<img src="'.$p1.$s1.'" class="img-responsive" alt="Blog Image">'; ?>
<?php } ?>

它以垂直方式显示但我想让它以水平方式显示 我怎么能这样做?

2 个答案:

答案 0 :(得分:1)

如果您希望图片位于同一行,请向其添加display: inline-block

.img-responsive {
  display: inline-block;
}

答案 1 :(得分:0)

可能是因为您可以将图像显示在定义的col中。如果你想在一行中显示3个图像,你应该

<div class="col-md-12"> 
  <div class="col-md-4">
    put your image here
  </div>
 <div class="col-md-4">
    put your image here
  </div>
 <div class="col-md-4">
    put your image here
  </div>