来自数据库的MySQL数据水平对齐

时间:2015-10-27 19:34:17

标签: php html mysql css

我正在创建一个基本网站,将显示10个不同的电视节目。 我有10个不同的程序存储在数据库中。我能够检索10个程序,但它们都出现在一列中。 我想知道是否有一种方式可以连续出现5? 我尝试过基本的CSS,但似乎无法让它正常工作

这是我到目前为止的代码:

<?php
$results = $mysqli->query("SELECT * FROM programmes ORDER BY ProgrammeName ASC");
if ($results) { 
     while($obj = $results->fetch_object())
    {
        echo '<br>';
        echo '<div class="tvProgs">'; 
        echo '<form method="post" id = "books" action="cart_update.php">';
        echo '<div class="progImage"><img src="images/'.$obj->Image.'"></div>';
        echo '<div class="progTitle"><h3>'.$obj->ProgrammeName.'</h3>';
        echo '</form>';
        echo '</div>';
    }
}
?>

我想知道是否有办法实现我想要的或者我是否必须尝试别的东西?

任何事情都会有所帮助。

谢谢!

3 个答案:

答案 0 :(得分:0)

您可以从:

开始
$i=0;
echo '<br>';
while($obj = $results->fetch_object())
{

    echo '<div class="tvProgs">'; 
    echo '<form method="post" id = "books" action="cart_update.php">';
    echo '<div class="progImage"><img src="images/'.$obj->Image.'"></div>';
    echo '<div class="progTitle"><h3>'.$obj->ProgrammeName.'</h3>';
    echo '</form>';
    echo '</div>';
    if (($i++) == 5) { echo '<br>'; $i=0; }
}

更新 CSS

.tvProgs {
    float:left;
    width:200px;
    display:block;
}

答案 1 :(得分:0)

尝试将它们放在表格中:

<?php
$results = $mysqli->query("SELECT * FROM programmes ORDER BY ProgrammeName ASC");
if ($results) { 
     $i=0;
     echo '<table><tr>';
     while($obj = $results->fetch_object())
    {
        echo '<td>';
        echo '<div class="tvProgs">'; 
        echo '<form method="post" id = "books" action="cart_update.php">';
        echo '<div class="progImage"><img src="images/'.$obj->Image.'"></div>';
        echo '<div class="progTitle"><h3>'.$obj->ProgrammeName.'</h3>';
        echo '</form>';
        echo '</div>';
        echo '</td>';
        $i++; 
        if ($i == 5) {
          echo '</tr><tr>';
        }
    }
     echo '</tr></table>';
}
?>

答案 2 :(得分:0)

这将把它们放在每行的表5中,就像你要求的那样。

postBackOptions.ActionURL