如何使用materialize中的卡片在每行3列中显示
如何使用materialize中的卡片在每行3列中显示
提问于 2019-03-29 08:07:05
它以一列显示卡片，而不是以中等大小显示三张。
我已经尝试了HTML中的基本布局，它工作得很好。
echo '<div class="row>';
if($res->num_rows > 0){
while($row = $res->fetch_assoc()){
echo '<div class="col s12 m4">' .
'<div class="card">' .
'<div class="card-content">' .
'<span class="card-title">' . $row["Kanji"] . '</span>' .
$row["Onyomi"]. ' ' . $row["Kunyomi"] .
'</div>' .
'<div class="card-action">' .'<p>' . $row["English"] . '</p>' . '</div>' .
'</div>'.
'</div>';
}
}
echo '</div>';回答 3
Stack Overflow用户
发布于 2019-03-29 08:33:09
我从头到尾都做了。
以下是有效的方法。
<div class="row">
<?php if($res->num_rows > 0){
while($row = $res->fetch_assoc()){
?>
<div class="col s12 m4">
<div class="card">
<div class="card-content">
<span class="card-title"><?php echo $row["Kanji"] ?></span>
<p><?php echo $row["Onyomi"]; echo $row["Kunyomi"] ?></p>
</div>
<div class="card-action">
<?php echo $row["English"] ?>
</div>
</div>
</div>
<?php } } ?>Stack Overflow用户
发布于 2019-03-29 08:19:36
您可以检查是否实体化网格https://materializecss.com/grid.html
使用materialize grid，您可以放置必要的列。
一行3列的一个示例
<div class="row">
<div class="col s4">Column 1</div>
<div class="col s4">Column 2</div>
<div class="col s4">Column 3</div>
</div>Stack Overflow用户
发布于 2019-03-29 08:26:28
您忘记了行类末尾的引号: class="row>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55408673
复制相关文章
相似问题