限制表格行中的列数

时间:2016-04-06 06:15:19

标签: php html css html-table

我使用php从SQL数据库填充HTML表。我想要做的是,我想将一行中的列数限制为4.我尝试使用CSS使用

table.posts{
border:10px;
width:100%;
columns:auto 4;
-webkit-columns:auto 4;

这是我的代码:

<table class="posts">
    <tr>
        <?php 
        $respost = mysqli_query($link,"SELECT * FROM posts WHERE post_author=$uid");
        while($rowpost = mysqli_fetch_array($respost)) { ?>
            <td>    
                <h3><?php echo $rowpost['post_title']; ?></a></h3>
                <h4><?php //echo $rowpost['post_content']; ?></h4>
            </td>
            <?php 
        }
        ?>
        </tr>
</table>

我从db获得的数据没有问题。只是它全部显示在一行。我想将此限制为每行仅4项,然后在下一行中断并继续。有什么简单的方法可以做到这一点?

1 个答案:

答案 0 :(得分:1)

试试这个

<table class="posts">
    <?php 
    $respost = mysqli_query($link,"SELECT * FROM posts WHERE post_author=$uid");
    $row_count=0;
    $col_count=0;
    while($rowpost = mysqli_fetch_array($respost)) { 
     if($row_count%4==0){
        echo "<tr>";
        $col_count=1;
     }
     ?>
        <td>    
            <h3><?php echo $rowpost['post_title']; ?></a></h3>
            <h4><?php //echo $rowpost['post_content']; ?></h4>
        </td>
        <?php
        if($col_count==4){
           echo "</tr>";
        }
        $row_count++; 
        $col_count++; 
    }
    ?>
</table>