为了账号安全,请及时绑定邮箱和手机立即绑定

如何让搜索结果填满页面?

如何让搜索结果填满页面?

PHP
慕的地6264312 2023-04-15 20:58:19
我在我们的网站上创建了自己的搜索功能。它使用一个简单的 php 脚本来搜索我们的数据库以查找用户正在寻找的内容。搜索结果页面未填满页面宽度,结果垂直显示,一个接一个。显示结果的代码。        $count = 0;        while($row = $stmt->fetch(PDO::FETCH_ASSOC)) {            $t = $count%3;            echo ($t == 2) ? "<div class='col-md-4'>" : "<div class='col-md-4'>";            echo "<div class='card mb-4 shadow-sm'>";            echo "<img class='img-thumbnail' width='300px' src='".$row['image']."'>";            echo "<div class='card-body'>";            echo "<p class='card-text'>".$row['title'] ."<br>".$row['isbn']."</p>";            echo "<div class='d-flex justify-content-between align-items-center'>";            echo "<div class='btn-group'>";            echo "<a href='".$row['url']."'>Start Reading</a>";            echo "</div>";            echo "</div>";            echo "</div>";            echo "</div>";            echo "</div>";            $count++;我怎样才能让结果填满页面的宽度?
查看完整描述

2 回答

?
森栏

TA贡献1810条经验 获得超5个赞

看来您正在使用 Bootstrap CSS 框架。

我没有测试你的代码,但你正在使用这个类的事实col-md-4可能是它没有占据页面的整个宽度的原因(结果取决于你正在生成的代码的父容器,你没有显示).

因此,继续删除该类,col-md-4看看会发生什么。


查看完整回答
反对 回复 2023-04-15
?
白猪掌柜的

TA贡献1893条经验 获得超10个赞

我认为您有一些使用前端或客户端(html、css、javascript)的经验。

我看到您只使用容器,我建议您查看内联html 元素div之间的区别。

Thediv是一个元素,它总是从一个新行开始并占据可用的整个宽度。

元素不会从新行开始,只会占据必要的宽度。一个例子是span标签。

我还建议您学习如何使用导航器控制台,它会向您显示所有 html 标签的宽度和高度以及更多实用信息。


查看完整回答
反对 回复 2023-04-15
  • 2 回答
  • 0 关注
  • 130 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信