PHP - 如何创建 4 列 (4 x 25%)，然后以新的 4 列结束该行-6ren

PHP - 如何创建 4 列 (4 x 25%)，然后以新的 4 列结束该行

转载作者：行者123 更新时间：2023-11-28 15:18:04

25

4

我有一个正在进行的元素，我们可以在其中创建一个产品，该产品用 PHP 加载到首页。
但是，如果有 5 个产品，则不会创建新行。如果有 5 个产品应该显示 2 行，每行 4 个。

<section class="ICO">
    <div class="one-fourth-gridtable">
        <table class="grid table">
            <?php
            while ($subject = mysqli_fetch_assoc($subject_set)) {
                $imagenavn = $subject['navn'];
                $sql = "SELECT * FROM product_images WHERE image_name = '$imagenavn'";
                $sth = $db->query($sql);
                $result = mysqli_fetch_array($sth);
                ?>
                <td>
                    <div style="border: 1px solid black; border-radius:2000px;">
                        <img src="data:image/jpeg;base64,<?= base64_encode($result['image']); ?>" />
                    </div>
                    <a class="action" href="<?= url_for('../show.php?id=' . h(u($subject['id']))); ?>"><?php echo h($subject['navn']); ?></a>
                </td>      
            <?php } ?>
        </table>
    </div>
</section>

我尝试使用 CSS 设置表格样式:

table {
    background-color: #6991ac;
    width: 100%;
    text-align: center;
    display: inline-table;
    margin-top: -5%;
}
.ICO {
    max-width: 1100px;
    margin: 0 auto;
}
.one-fourth-gridtable {
    width: 100%;
}

最佳答案

使用此代码，您会在 4 幅图像后换行，而在 8 幅图像后循环会因 $u 而停止。如果不需要，您可以删除/更改 $u。

<?php require_once('private/initialize.php'); ?>
<?php $test = "Alle Produkter"; ?>
<?php $subject_set = find_all_subjects(); ?>
<?php $page_title = 'Forside'; ?>
<?php include(SHARED_PATH . '/staff_header.php'); ?>

<!--- Start of header --><head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="design/Design.css" rel="stylesheet" type="text/css" />
<meta charset="utf-8" />
</head>

<!--- End of header -->

<!--- Start of section (BANNER) -->



<section class="banner">
	<div class="banner-inner">
    	<div id="banner-image"><img src="img/cryptocurrency.png" style="margin-top:10% !important"></div>
    </div>
</section>

<!--- End of section (BANNER) -->

<!--- Start of section (ICO'S) -->



<!--- End of section (ICO'S) -->


    		<div class="sactions">
    		<!-- <a class="saction" href="<?php echo url_for('/staff/subjects/new.php'); ?>">Create New Subject</a> -->         </div>


<section class="ICO">
		<div class="one-fourth-gridtable">
  				<table class="gridtable">

				<?php
$i = 0;
$u = 0;
				while($subject = mysqli_fetch_assoc($subject_set)) {
					 $imagenavn = $subject['navn'];
          			 $sql = "SELECT * FROM product_images WHERE image_name = '$imagenavn'";
          			 $sth = $db->query($sql);
          			 $result=mysqli_fetch_array($sth);

$i++;
$u ++;
				?>



				<td>




            <?php


						echo '<img src="data:image/jpeg;base64,'.base64_encode( $result['image'] ).  '"/> ';		?>
						<a class="action" href="<?php echo url_for('../show.php?id=' . h(u($subject['id']))); ?>"><?php echo h($subject['navn']);?></a>
<?php
if	($u > 7 ) {
	break;

}
if	($i > 3) {
	echo '</tr><tr>';
	$i = 0;
}

 ?>



            	</td>




      		<?php } ?>


  			</table>

            </div>
            </section>

						<?php
			      mysqli_free_result($subject_set);
			    	?>

关于PHP - 如何创建 4 列 (4 x 25%)，然后以新的 4 列结束该行，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46718835/

25

4

0

文章推荐： css - Firefox 打破可折叠列表

文章推荐： ios - 谷歌登录 404 错误与 swift

文章推荐： javascript - jQuery - 按单元格值对 tr 着色

naming-conventions - 开始 -> 结束 |停止 |结束？
我正在编写一个类，我想知道哪一对方法更适合描述流程周期: start() -> stop() start() -> end() start() -> finish() 基本上这些方法将在执行任务之前和
android - 小部件类名称什么时候以 "View"结束，什么时候以 "Layout"结束？
对于 Android 小部件类名称是否应以“View”、“Layout”或两者都不结尾，是否存在模式或命名约定？最佳答案如果该类扩展了 View(或在其层次结构中扩展了 View)，那么它应该以“
VIM 高亮匹配开始/结束
我正在尝试找到一个插件，该插件将使用 Verilog 突出显示匹配的开始/结束语句。 VIM 让它与花括号/括号一起工作，但它不能与它的开始/结束一起工作。我希望 VIM 突出显示正确的开始到正确的结
matlab - 时间序列元胞数组中的数据总和(结束)
给出以下代码: % Generate some random data n = 10; A = cell(n, 1); for i=1:n A{i} = timeseries; A{i
javascript - 检测输入何时聚焦于开始/结束
我需要知道是否可以检测输入何时开始聚焦以及何时结束焦点 HTML 代码: JQuery 代码(仅示例我如何需要它): $('.datas').on('focusStart', alert("fo
Java，结束 JFrame
所以我一直在思考一款游戏的想法，一款需要穿越时空的游戏。因此，我编写了一个 JFrame 来显示螺旋的 .gif，但它并没有在对话框显示时结束，而是保留在后台。我可以解决这个问题吗？ import j
java - 我的程序没有以执行器返回/结束
给出以下使用多线程的 Java 示例: import java.util.concurrent.*; public class SquareCalculator { private Ex
java - 结束 do-while 循环
好吧，我有一个 do-while 循环，应该在使用点击“q”时结束，但它给了我错误消息，请帮忙。 package Assignments; import java.util.*; public cla
regex - 正则表达式可选匹配行的开始/结束
我如何有选择地匹配开始 ^或结束 $正则表达式中的一行？例如: /(?\\1', $str); 我的字符串开头和结尾处的粗体边缘情况没有被匹配。我在使用其他变体时遇到的一些极端情况包括字符串内匹配、
java - 结束 while 循环的问题
我试图让程序在总数达到 10 时结束，但由于某种原因，我的 while 循环在达到 10 时继续计数。一旦回答了 10 个问题，我就有 int 百分比来查找百分比。 import java.util.
jquery - 结束()函数
jQuery 中的 end() 函数将元素集恢复到上次破坏性更改之前的状态，因此我可以看到它应该如何使用，但我已经看到了一些代码示例，例如:on alistapart (可能来自旧版本的 jQuery
javascript - 如何知道一个字符串以javascript中的特定字符开始/结束？
这个问题在这里已经有了答案: How to check if a string "StartsWith" another string? (18 个答案) 关闭 9 年前。 var file =
postgresql - 工作停顿(结束)
我正在尝试在 travis 上设置两个数据库，但它只是在 before_install 声明的中途停止: (END) No output has been received in the last 1
mysql - 结束 while 循环缺少分号
我创建了一个简单的存储过程，它循环遍历一个表的行并将它们插入到另一个表中。由于某种原因，END WHILE 循环抛出缺少分号错误。所有代码对我来说都是正确的，并且所有分隔符都设置正确。我只是不明白为什
ios - AVSpeechSynthesis 结束
您好，我正在使用 AVSpeechSynthesizer 和 AVSpeechUtterance 构建一个 iOS 7 应用程序，我想弄清楚合成何时完成。更具体地说，我想在合成结束时更改播放/暂停按钮
javascript - 响应后调用提醒。结束
这是我的代码，我试图在响应后显示警报。但没有显示操作系统警报 string filepath = ConfigurationManager.AppSettings["USPPath"].ToStri
python - 遍历日历月的开始/结束
我想创建一个循环，在提供的时间段、第一天和最后一天返回每个月(考虑到月份在第 28-31 天结束):(“function_to_increase_month”尚未定义) for beg in pd.d
python - 结束 while 循环
我目前正在用 Python 3.6 为一个骰子游戏编写代码，我知道我的编码在这方面有点不对劲，但是，我真的只是想知道如何开始我的 while 循环。游戏说明如下…… 人类玩家与计算机对战。玩家 1
android - 结束 fragment
所以我已经了解了如何打开 fragment。这是我的困境。我的 view 旁边有一个元素列表(元素周期表元素)。当您选择一个元素时，它会显示它的信息。我的问题是我需要能够从(我们称之为详细信息 fr
javascript - 检测滚动完成/结束
我想检测用户何时停止滚动页面/元素。这可能很棘手，因为最近对 OSX 滚动行为的增强创造了这种新的惯性效应。是否触发了事件？我能想到的唯一其他解决方案是在页面/元素的滚动位置不再改变时使用间隔来拾取

首页

博学

6Ren·AI

商城

PHP - 如何创建 4 列 (4 x 25%)，然后以新的 4 列结束该行