【问题标题】:Limit number of columns in table row限制表格行中的列数
【发布时间】:2016-04-06 06:15:19
【问题描述】:

我正在使用 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>

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

【问题讨论】:

  • @Niklesh,好吧,现在每行只有一项
  • @Niklesh,在 CSS 中?没有变化

标签: php html css html-table


【解决方案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>

【讨论】:

  • 这段代码没问题,第一个项目占据第一行,然后从第二行开始,每行有 3 个项目。所以我将数字更改为 %5,现在它从第二行开始显示 4 个项目,但在第一行它仍然只是一个项目。这是为什么呢?
  • 改变了我的回答。
  • 哇哦。太棒了!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-06-17
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-11-16
相关资源
最近更新 更多