我正在写一篇文章:我想要一行三个。 我知道如何使用stype来实现,但我不知道如何使用style.php来实现。
在此处输入图像说明
这只是代码的一部分,但我需要正确地实现网格:
echo '<div class="container">';
echo '<div class="row padding">';
echo '<div class="col-md-4 col-sm-12">';
echo '<div class="card">';
echo '<img src="' . UPLPATH . $row['slika'] . '"';
echo '<div class="card-body">';
echo '<h6 class="card-title">';
echo '«';
echo $row['naslov'];
//style.php
<?php
header('content-type:text/css');
$grid='grid';
?>
.container {
display: <?=$grid?>;
}
嗯,你处理这个问题真的不恰当。 我真的不明白为什么您需要使用名为$grid
的变量,而您却可以直接将网格属性传递给您的.container
。 你没必要把事情弄得这么复杂。 在你的情况下,我会做的是下一件事:
我将创建一个名为.grid
的类,如:
.grid {
display: grid !important;
}
至于其余部分,我会这样说:请提供更多关于如何提取$row
变量数据的信息。 布局本身,将必须像这样,为您有3张牌在一排。 希望能帮到你。 干杯
<div class="container grid">
<div class="row padding">
<div class="col-md-12 col-sm-12">
<div class="col-md-4 col-sm-4">
<div class="card">
<img src="<?= '"'. UPLPATH . $row['slika'] . '"' alt="whatever
you need" />
<div class="card-body">
<h6 class="card-title">
<?php echo '«' . " ". $row['naslov']; ?>
</h6>
</div>
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="card">
<img src="<?= '"'. UPLPATH . $row['slika'] . '"' alt="whatever
you need" />
<div class="card-body">
<h6 class="card-title">
<?php echo '«' . " ". $row['naslov']; ?>
</h6>
</div>
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="card">
<img src="<?= '"'. UPLPATH . $row['slika'] . '"' alt="whatever
you need" />
<div class="card-body">
<h6 class="card-title">
<?php echo '«' . " ". $row['naslov']; ?>
</h6>
</div>
</div>
</div>
</div>
</div>