提問搜尋_PHP中文網

社群學習工具庫休閒

繁体中文

熱門搜尋：
PHP
MySQL
jquery
HTML
CSS

使用單一網格或 Flex 建立多樣化的卡片佈局：實用指南

我正在嘗試製作如圖所示的響應式卡片佈局。目前我正在做的是分別為電腦、平板電腦和行動裝置建立佈局。然後在media查詢的幫助下，我將其他兩個視圖的顯示屬性設定為display:none。例如：如果我在電腦視圖中，電腦的卡片佈局將不會將顯示設為“無”，而另外兩台電腦的顯示將為none。這可行，但會導致大量冗餘。有一種方法可以使用Flex或網格實現所有三種佈局。請指導我。

P粉808697471 2024-04-02 21:07:36

如何在HTML表格中實現圖像右對齊

我已經製作了一個Django網站，想要顯示我的結果，就像在頂部有一個小表單。在左邊有一個表格，我想在右邊的表格中添加兩個圖片和另一個圖片。我已經設計了一個圖來更好地解釋-在此輸入圖像描述現在我已經編寫了表單1和表格的程式碼。我也會編寫後端程式碼。我想知道如何編寫圖片和表單2的html程式碼，因為它們在表格的右側。只要寫任何html程式碼，它就會出現在表格下面。有人可以幫忙在表格的右側添加圖片和表單2嗎？我現在

P粉555696738 2023-09-02 09:04:11

Bootstrap 登陸頁面佈局問題 - 容器無法正確適應螢幕尺寸

我目前正在使用Bootstrap建立登陸頁面進行練習。但是，我面臨佈局問題，容器不適合適當的螢幕尺寸。左右兩側不平衡，導致螢幕向左側傾斜。這是說明問題的螢幕截圖（連結）：文字我嘗試了各種方法，但未能解決問題。我懷疑這可能是Bootstrap中網格系統或容器設定的問題。有人可以指導我如何排查和修復此佈局問題嗎？任何建議或見解將不勝感激。此外，以下是一些相關的程式碼片段：<!DOCTYPEhtml

P粉214089349 2023-09-10 21:04:02

為什麼使用網格模板區域顯示網格不起作用？

我試圖透過網格模板區域實現元素排列，但它不起作用。我正在嘗試使用網格系統垂直和水平排列塊。使用左側的圖片和另一側的文字。為什麼這段程式碼不起作用？ .news__wrapper{display:grid;grid-template-areas:"aac""bbc";}.news__item{display:flex;align-items:center;just

P粉541796322 2023-09-09 16:28:13

如何使用 CSS 網格對齊圖片？

我正在嘗試使用CSS網格建立網站的一部分。我試圖讓清單和圖片保持在同一行中，並在螢幕大小改變時按比例縮小/增長。程式碼貼在下面。非常感謝任何幫助。我想知道錯誤是否出在我的網格模板內。 .pm{display:inline-grid;max-width:100%;position:relative;margin:auto;grid-template-areas:"titletitle&quo

P粉463824410 2024-04-01 22:08:31

圖像未在頁面中加載

我想在網頁應用程式中載入滑動圖像，為此我使用Bootstrap輪播。從後台取得圖片。影像儲存在影像狀態中。下面是取得資料的JSON格式。 images:[{SNO:'1',NAME:'image.jpg',PIC_NAME:'image'}]上傳映像後，它們儲存在Nodejs中的一個特殊資料夾中，從那裡，我使用端點提取映像。下面是Nodejs程式碼images.get('/Images/getImag

P粉238433862 2023-09-09 20:59:03

使用 Tailwind CSS 確保 CSS 網格中卡片的寬度和高度固定

我正在使用TailwindCSS和React來建立一個應用程序，在其中一個視圖中我有一個卡片網格。目前它看起來像這樣：如您所見，當我縮小視窗時，卡片會擠入其中。我想確保卡片大小（寬度和高度）始終保持不變，如果隨著視窗變小，卡片數量無法容納在一行中，它只會移動到下一行。類似於（由MS油漆製成）：即使螢幕變小，卡片的尺寸也保持固定（相同的寬高比）。這是我的程式碼目前的樣子：網格：<div&gt

P粉184747536 2024-03-26 21:34:28

在行動裝置上自訂 Bootstrap 5 輪播（多個項目，但不在一行）

我在嘗試自訂行動裝置上的輪播佈局時遇到問題。我希望它在行動裝置上顯示輪播的每一項，而不是只顯示一項，但在嘗試使用一些CSS和JS之後，尤其是使用displayfloat或max-witdh我剛開始認為這是不可能的，或我不知道在哪裡查看/查看錯誤的位置/屬性。我加入了兩張圖片，這樣你們就可以看到我想要實現的目標。我想要實現的目標：我有什麼：範例html程式碼是非常基本的程式碼，我不包含CSS，因為

P粉763662390 2023-09-05 11:53:56

如何製作網格佈局擴充的動畫？

我想知道如何為網格佈局的擴展設定動畫。正如你在程式碼中看到的，我有4個div。其中兩個會顯示，另外兩個僅在選取該複選框時才顯示。選中該複選框後，將新增另一行，其中包含div3和div4。我如何使擴展動畫化？最好保持網格的大小。我不希望動畫影響（不存在的）邊距。我也想在沒有JavaScript的情況下做到這一點。可能嗎？ <!DOCTYPEhtml><html><head&

P粉937382230 2023-08-31 21:09:37

解決問題2003（HY000）：無法連接到MySQL伺服器' db_mysql：3306'（111）的方法

我最近嘗試將我的FastAPIPython伺服器容器化（也是為了複製/雙倍化）。之前，我只有一個MySQL伺服器在一個Docker容器中，而且一切都很好，但是當我將我的網路伺服器也作為一個服務時，它無法連接到MySQL伺服器，所以現在應用程式無法運作。以下是應用程式中伺服器資料庫初始化連接器的程式碼片段fromfastapiimportFastAPIimportmysql.connectorapp

P粉178132828 2023-09-05 11:18:47

嘗試在查詢限制後進行排序的實驗

所以這是我在這裡的第一個問題，如果有任何不對的地方，請原諒。我試圖按照限制條件進行排序查詢。所以有一個包含90筆記錄的Customers表。我想先進行限制為3筆記錄的查詢，然後再按照一個叫做ContactName的欄位來對這個查詢結果進行排序。我認為這可能是一個嵌套查詢。在SQLServer中巢狀查詢運作良好，但不知道如何在MySQL中實作。限制查詢：Select*fromcustomerslimit

P粉237125700 2023-09-05 14:46:42

CSS 網格：當子內容溢出列寬時建立新行

我有一個基於CSS網格的兩列佈局。當第二列的內容超過1fr我想建立一個新行。按照目前的情況，內容只是溢出了該列。此佈局的一個要求是右側選單列中的項目位於一行中。我透過以下方式實現這一目標：.right-menu{...grid-auto-flow:columndense;...}如果我刪除grid-auto-flow屬性，溢出就會停止。但是，這些項目現在堆疊成多行，這不是我想要的。我還嘗試將.ri

P粉212114661 2023-09-05 15:18:28

使用AND、OR和NOT運算子的PHP全文搜尋功能

新手問題：我正在嘗試使用php和eloquent在搜尋字串上實現全文搜尋。 $searchstring="+(victimsuspect)+crime-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32

以最短的方式將所有PHP型別轉換為字串

我正在編寫一個通用系統，希望有一天可以應用於醫學等領域（即它是「科學的」）。我認為最好的方法是用字串在php中表示所有資料（true將是“true”，false將是“false”，依此類推）。這樣做的原因是在php中任何值都有唯一的字串表示（例如php程式碼本身）。我發表這個問題是為了加速這個程式的設計過程。有些值很容易轉換為字串：數字、布林值等。有些不容易：物件、陣列、資源。我認為傳輸物件和

P粉369196603 2023-09-05 15:34:44

如何在按其他列分組時取得 MySQL 中 DATETIME 列的平均值

我正在使用以下查詢建立並填入MySQL表：SETtime_zone='+00:00';CREATETABLEtimestamp_n_datetime(idINT,timeDATETIME,avg_timeDATETIME);INSERTINTOtimestamp_n_datetime(id,3time,avg_timeTIME);INSERTINTOtimestamp_n_datetime(id,3time,avg_time)VALUES(210"8

P粉460377540 2023-09-05 11:46:21

多裝置（手機）同步 - React Native

我正在嘗試建立Lightshow，它將同時在所有用戶的行動裝置上啟動（最多可以有2000-3000個用戶）。所有用戶都將使用網路（Wi-Fi或行動數據）。在我們的FE，我們使用Apollo進行訂閱，這就像一個魅力。但問題是，用戶A可以比用戶B更快取得訂閱事件。這意味著用戶A將比用戶B更早開始玩遊戲，這是一個問題，因為我們有lighshow架構，而用戶可以'不能早點或晚點開始。作為用戶，您會立即

P粉151466081 2023-09-05 11:58:38

黑桃、方塊、紅心、梅花 => 樣式不會更改 Android 版 Chrome 中的字體顏色

在Windows上的GoogleChrome瀏覽器中，紙牌花色符號（黑桃、紅桃、方塊、梅花）使用「樣式」屬性正確著色。不幸的是，Android上的GoogleChrome中顯示的同一頁面不顯示我定義的顏色，而是使用預設的黑色和紅色。（效果請見附圖）HTML代碼：（並連結至專案https://stackblitz.com/edit/web-platform-z2cs3t?file=index.html

P粉896751037 2023-09-05 15:25:13

如何隱藏mui TextField標籤？

我正在開發一個Nextjs應用程序，我有一個用mui構建的儀表板導航欄，它包含一個通知，它打開通知框，後者是用常規HTML構建的和CSS。 dashboard-navbar.js：importNotificationBoxfrom"./notification-box/notification-box";//...exportconstDashboardNavbar=(props

P粉239164234 2023-09-05 15:41:00