【问题标题】:How can i create a vertical gallery in html and css如何在 html 和 css 中创建垂直画廊
【发布时间】:2013-08-16 09:18:31
【问题描述】:

我正在用 php 创建一个电子商务商店,我的 php 代码运行良好,但我的产品是垂直排列的,我希望它们水平排列。

我试过浮动:左,显示:内联...但它不起作用

我想在同一条线上查看 4 种产品。

我的 php 代码(忽略语言)

<?php
  $consulta = mysql_query("SELECT * 
                           FROM  `livros-desporto` ");

     if(isset($_POST['buscar'])){
    $consulta = mysql_query("SELECT * 
                             FROM `livros-desporto`
                             where name like '%".$_POST['buscar']."%'");
     }

      while ($linha = mysql_fetch_array($consulta))  
      {
          $id = $linha['ID'];
          $modelo = $linha['Model'];
          $nome = $linha['Name'];
          $categoria = $linha['Category'];
          $imagem = $linha['Image'];
          $manufactura = $linha['Manufacturer'];
          $preco = $linha['Price'];
          $quantidade = $linha['quantity']
         // $adicionar = '<a href="carrinho.php?id='.$linha['ID']
             //.'"title="'.$linha['ID'].'">
        //  Adicionar </a>'   
   ?>

我的 HTML 代码

<div class="fade1">

<div class="produtos">

<li>            
    <p><?php echo $nome ?></p>
    <p><?php echo $imagem ?></p>
    <p><?php echo $categoria ?></p>
</li>

</div>
</div>
</div>

<?php
      }

  ?>

谢谢

【问题讨论】:

  • 如果你的PHP没问题,那就不要贴,把PHP标签删掉。让我们看看您的 CSS,并在您的帖子中添加 CSS 标签以吸引 CSS 专家。使用编辑来做到这一点。
  • 您的html格式有误。列表元素
  • 应该在
      标记内。如果要以水平方式制作不带项目符号的列表,则应将 css list-style 属性设置为 none 并显示为内联

标签: php html


【解决方案1】:
display:inline-block; 

可用于水平显示divli 元素。如果您创建一个固定宽度的容器,并且您的产品容器大约是该宽度的 1/4,那么它们应该在每 4 个项目后换行到下一行。

粘贴您的 css 代码或小提琴示例,以获得更多帮助。

【讨论】:

    猜你喜欢
    相关资源
    最近更新 更多
    热门标签