第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

如何讓搜索結(jié)果填滿頁(yè)面?

如何讓搜索結(jié)果填滿頁(yè)面?

PHP
慕的地6264312 2023-04-15 20:58:19
我在我們的網(wǎng)站上創(chuàng)建了自己的搜索功能。它使用一個(gè)簡(jiǎn)單的 php 腳本來(lái)搜索我們的數(shù)據(jù)庫(kù)以查找用戶正在尋找的內(nèi)容。搜索結(jié)果頁(yè)面未填滿頁(yè)面寬度,結(jié)果垂直顯示,一個(gè)接一個(gè)。顯示結(jié)果的代碼。        $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++;我怎樣才能讓結(jié)果填滿頁(yè)面的寬度?
查看完整描述

2 回答

?
森欄

TA貢獻(xiàn)1810條經(jīng)驗(yàn) 獲得超5個(gè)贊

看來(lái)您正在使用 Bootstrap CSS 框架。

我沒(méi)有測(cè)試你的代碼,但你正在使用這個(gè)類的事實(shí)col-md-4可能是它沒(méi)有占據(jù)頁(yè)面的整個(gè)寬度的原因(結(jié)果取決于你正在生成的代碼的父容器,你沒(méi)有顯示).

因此,繼續(xù)刪除該類,col-md-4看看會(huì)發(fā)生什么。


查看完整回答
反對(duì) 回復(fù) 2023-04-15
?
白豬掌柜的

TA貢獻(xiàn)1893條經(jīng)驗(yàn) 獲得超10個(gè)贊

我認(rèn)為您有一些使用前端或客戶端(html、css、javascript)的經(jīng)驗(yàn)。

我看到您只使用容器,我建議您查看內(nèi)聯(lián)html 元素div之間的區(qū)別。

Thediv是一個(gè)元素,它總是從一個(gè)新行開始并占據(jù)可用的整個(gè)寬度。

內(nèi)聯(lián)元素不會(huì)從新行開始,只會(huì)占據(jù)必要的寬度。一個(gè)例子是span標(biāo)簽。

我還建議您學(xué)習(xí)如何使用導(dǎo)航器控制臺(tái),它會(huì)向您顯示所有 html 標(biāo)簽的寬度和高度以及更多實(shí)用信息。


查看完整回答
反對(duì) 回復(fù) 2023-04-15
  • 2 回答
  • 0 關(guān)注
  • 173 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)