【问题标题】:How to change <div> property of certain content panel in a php webpage?如何更改 php 网页中某些内容面板的 <div> 属性?
【发布时间】:2019-08-30 23:52:52
【问题描述】:
<div class="row">
    <div class="col-md-10 col-md-offset-1">
        <div class="row text-center">

    <?php
    if($_GET[id] == 0)
    {
        $querysb = mysql_query("SELECT  * FROM services WHERE parentid !=0 order by parentid, cid ");
    }
    else
    {
        $querysb = mysql_query("SELECT  * FROM services WHERE parentid='".$_GET[id]."'");
    }
    while($rowsb = mysql_fetch_assoc($querysb))
    {
        if($val == '6' || $val =='10'){
            $classname = 'whitebg';
        } else {
            $classname = 'bg-blue co-white';
        }
    ?>

          <div class="col-md-4 mrgnBtm15">
            <div class="<?php echo $classname;?> padding30" style="min-height: 250px">
             <h3 class="service-heading">
                <?php echo $rowsb['cname'];?>
              </h3>
              <h4>
                RS <?php echo $rowsb['price'];?><br>
              </h4>
              <div class="mrgnTop15 clearfix"></div>

              <a  class="btn bg-orange co-white" href="<?php echo MYWEBSITE;?>servicedetail/<?php echo to_prety_url($rowsb['cname']).'-'.$rowsb['cid'];?>.html">
                  <font style="size:14px; color:#000; font-weight:bolder;font-family: "Open Sans";">Register</font></a>

            </div>
          </div>
<?php } ?>
        </div>
      </div>
    </div>

我正在开发一个动态网站。这是特定页面的代码。在此页面中有一个 div 部分,其中 class="col md-4"。如果该部门中的内容面板数量显示为 57 在这种情况下,我想要 only 最后一个面板(即第 5 和第 7)在完整的列中(col-12)。我应该怎么办?

【问题讨论】:

  • 1. 不要使用已弃用且不安全mysql_*-函数。它们自 PHP 5.5(2013 年)以来已被弃用,并在 PHP 7(2015 年)中完全删除。请改用 MySQLi 或 PDO。 2. 你对SQL Injections很开放并且应该真正使用Prepared Statements而不是连接你的查询,如果你使用上面提到的MySQLi或PDO就可以使用。
  • ThanX @Mangus Eriksson。我真的很感谢你的建议:-) 你会建议一种方法来解决我提到的问题吗? :-)

标签: php css twitter-bootstrap


【解决方案1】:

由于您使用的是col-md-4,因此每行将显示 3 个 div。所以我认为你正在寻找的是一种使最后一个 div 全宽的方法,如果它要单独在它的行中。在这种情况下,您需要在 第 4 条(不是第 5 条) 以及第 7 条和第 10 条记录中设置为 col-md-12,以此类推。这正是下面的代码所做的,

我认为你想要做的是展示

    <?php
    if($_GET[id] == 0)
    {
    $querysb=mysql_query("SELECT  * FROM services WHERE parentid !=0 order by parentid, cid ");
    }
    else
    {
    $querysb=mysql_query("SELECT  * FROM services WHERE parentid='".$_GET[id]."'");
    }
    $number_of_records = mysql_num_rows($querysb);
    $counter = 1;
    while($rowsb=mysql_fetch_assoc($querysb))
    {
        if($val == '6' || $val =='10'){
            $classname= 'whitebg';
        }else{
            $classname= 'bg-blue co-white';
        }
        //if($number_of_records %3 ==1 && $counter == $number_of_records)
        if(($number_of_records == 5 ||  $number_of_records == 7) && $counter == $number_of_records)
            $col_class = "col-md-12";
        else
            $col_class = "col-md-4";

    ?>

              <div class="<?php echo $col_class;?> mrgnBtm15">
                <div class="<?php echo $classname;?> padding30" style="min-height: 250px">
                 <h3 class="service-heading">
                    <?php echo $rowsb['cname'];?>
                  </h3>
                  <h4>
                    RS <?php echo $rowsb['price'];?><br>
                  </h4>
                  <div class="mrgnTop15 clearfix"></div>

                  <a  class="btn bg-orange co-white" href="<?php echo MYWEBSITE;?>servicedetail/<?php echo to_prety_url($rowsb['cname']).'-'.$rowsb['cid'];?>.html">
                      <font style="size:14px; color:#000; font-weight:bolder;font-family: "Open Sans";">Register</font></a>

                </div>
              </div>
    <?php
    $counter++;
     } ?>
            </div>
          </div>
        </div>

【讨论】:

  • 我试过你的代码,但它不起作用:-) @amit joshi
  • 如果内容面板的数量是 5,那么我想在 col-12 中放置第 5 个。我试过你给的代码。但是第 5 个内容面板仍然出现在 col-4 中。
猜你喜欢
  • 2012-05-04
  • 2013-03-12
  • 1970-01-01
  • 2020-09-05
  • 1970-01-01
  • 2011-11-25
  • 2017-12-11
  • 1970-01-01
相关资源
最近更新 更多