水平对齐数据库中的图像

时间:2017-05-17 08:36:38

标签: html css

我试图将数据库中的所有图像并排放置,但它们总是像垂直列表一样出现。我怎么能放入水平列表?

.column5 img
{ display: inline-block;
  height: 20px;
  width: 20px;
  border: 3px solid white;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  margin: 10px 20px 20px 20px;
}

<?php
$ligax=mysqli_connect('localhost','root');
if($ligax) {
    mysqli_select_db($ligax,'database');
    if(!mysqli_error($ligax)) {
        $query="select * from marcas";
        $result = mysqli_query($ligax,$query);
$nregistos = mysqli_num_rows($result);
        for ($i=0; $i <$nregistos; $i++)  {
      $registo = mysqli_fetch_assoc($result);
            $cod_marcas=$registo['cod_marcas'];
            $hiperligacao=$registo['hiperligacao'];
            ?>

        <div class="column5">   <center>
            <?php 
            echo ("<a href=$hiperligacao><img src=\"showfile.php?cod_marcas=$cod_marcas\">");?>
            </div>
             <?php  
        }
    }
}

</a>
</section><!--/#bottom-->

2 个答案:

答案 0 :(得分:0)

.column5 a { 
  display: block;
  text-align: center;
}
.column5 a {
  display: inline-block;
  height: 20px;
  width: 20px;
  border: 3px solid white;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  margin: 10px 20px 20px 20px;
}

<?php
$ligax=mysqli_connect('localhost','root');
if($ligax) {
    mysqli_select_db($ligax,'database');
    if(!mysqli_error($ligax)) {
        $query="select * from marcas";
        $result = mysqli_query($ligax,$query);
$nregistos = mysqli_num_rows($result);
        for ($i=0; $i <$nregistos; $i++)  {
      $registo = mysqli_fetch_assoc($result);
            $cod_marcas=$registo['cod_marcas'];
            $hiperligacao=$registo['hiperligacao'];
            ?>

        <div class="column5">    
            <?php 
            echo "<a href=$hiperligacao><img src=\"showfile.php?cod_marcas=$cod_marcas\"></a>";?>
            </div>
             <?php  
        }
    }
}

</a>
</section>

答案 1 :(得分:0)

没有任何改变......它们仍处于垂直线。就好像每个图像都在一个盒子里面(div)。 我尝试改变PHP表单,在Html中使用一些输入图像并且工作。但是,当我从数据库上传代码时,请不要工作。

{{1}}