提問搜尋_PHP中文網

社群學習工具庫休閒

繁体中文

熱門搜尋：
PHP
MySQL
jquery
HTML
CSS

CSS網格佈局方格單元格

我想要建立一個類似儀錶板的視圖，其中使用CSSGrid-Layout作為基礎。我希望在整個螢幕的長度上分佈16列（應該是響應式的）。然後，單元格的高度應該由單元格的寬度決定，以使單元格成為正方形。問題是，我希望某些單元格跨越多個單元格。例如，我想要一個佔用2x1個單元格的元素。所以我有基本的網格佈局：.grid-container{display:grid;grid-template-column

P粉593536104 2023-08-15 20:13:32

CSS 網格佈局，自動新增行並將列寬度設定為最大網格項目寬度

我想要一個具有任意數量的網格項目的網格佈局，當一個網格項目被填充時，它會自動創建一個新行，有點像：#grid{display:grid;width:256px;border:1pxsolidblack ;grid-gap:12px;grid-template-columns:repeat(auto-fit,minmax(75px,1fr));}#gridspan{background-color:lig

P粉818317410 2024-03-28 11:13:36

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

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

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

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

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

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

限制內容擴展的網格項

TL;DR:是否有類似table-layout:fixed的CSS網格佈局的屬性？我試圖創建一個年視圖的日曆，其中有一個4x3的大網格用於月份，內部嵌套的是7x6的網格用於日期。日曆應該填滿整個頁面，所以年份網格容器的寬度和高度都設定為100%。 .year-grid{width:100%;height:100%;display:grid;grid-template:repeat(3,1fr)/r

P粉199248808 2023-08-20 19:49:37

vim - 怎麼樣的編輯器視窗佈局最有愛呢？

在堆碼時，怎麼樣的視窗佈局最好最實用呢？是雙列、雙行、多行多列、網格、豎T？還是其它呢？

習慣沉默 2017-05-16 16:41:12

html - css佈局 table cellspacing

表格佈局使用了cellspacing=0，如何使上下兩個tr之間出現1px的間隙

迷茫 2017-05-16 13:28:07

CSS 可以顯示網格線嗎？

我開始學習CSS的網格佈局。在理想的情況下，我將能夠設置一個div多個網格框，並將我的元素精確地放置在其中，在需要時提供疊加（有點像在Illustrator中使用粘在網格上）。如果沒有該網格的可視化表示，這可能會非常困難，是否可以在我的即時伺服器上看到一個網格？我嘗試使用Chrome開發工具“顯示網格線”，但是每當我刷新或進行更改時，它們就會消失。或者，當我想要擁有由多個元素和空白空間組成的更精確

P粉133321839 2024-03-31 20:38:21

Vuetify 項目清單中的自適應網格佈局

我遇到了一個似乎很常見的問題，但我可以克服它。我有一個API查詢，它傳回一個物件列表。我想將我的頁面顯示為填充內容的卡片網格。我希望網格有5列，行數將適應清單中元素的數量。我可以弄清楚如何實現它。例如：我有一個查詢返回items[{"id":1,"title":"title1,"description":"descri

P粉710478990 2024-01-29 11:36:47

佈局問題

請問一下，可以講一下佈局嗎？

不言失败 2021-04-11 22:59:23

裁剪和移動影像。網格佈局

我正在努力將圖像放在正確的位置並將其裁剪在頂部和底部。這就是它應該看起來的樣子（英雄部分）：https://www.behance.net/gallery/161732057/CozyMornings-online-store整個專案是在網格上建造的。我需要一個向左移動的圓形圖像，大於容器並在頂部和底部進行裁剪。此外，它應該具有響應能力。我試圖將圖像放入包裝中。給這個包裝器相對位置並隱藏溢出。這不

P粉548512637 2023-09-15 19:18:46

將網格自動佈局與固定行列位置混合

我有以下帶有CSS網格的HTML<divid="grid"><divclass="main-item">Main</div></div>#grid{display:grid;grid-template-columns:repeat( 5,auto);text-align:center;}#grid>*{bo

P粉492959599 2023-09-15 16:01:55

是否可以透過 MediaQueries 更改在較小解析度下顯示的佈局而不更改預設佈局？

我在預設解析度上使用“網格模板列”佈局，使元素按預期顯示，但在較小的解析度上，它們由容器優先級渲染，創建我想要更改的視覺效果。在預設解析度下：在顯示器左側呈現，然後在顯示器的另一端呈現，然後位於其下方。在較小的分辨率上，我想讓元素在此佈局中呈現：然後然後一個每個都在另一個之下。 <divclassName='containerabout_container'><div>&l

P粉301523298 2023-09-16 14:17:29

使用 CSS 網格實現自訂佈局：針對特定元素

我需要使用CSS網格重現此設計，並且我嘗試定位特定的網格元素以獲得結果，但沒有成功。這就是我目前所擁有的，我需要修復一些東西，但我想在之前得到正確的結構。附上程式碼片段：.grid-container{display:grid;grid-template-columns:repeat(13,minmax(30px,auto));gap:30px;}.grid-item{background-colo

P粉144705065 2024-03-28 11:25:39

區域網路為什麼造訪不到網頁

網頁為靜態網頁，按教程設定好後，區域網路內其它電腦無法訪問

玛雅婚纱婚庆阿科（财务） 2021-01-10 11:33:29

如何使用Tailwind CSS將網格中最後一行的項目置中？

嘗試使用Tailwind（使用React）在網格佈局中對齊我的最終專案時遇到問題。基本上我想要3個項目，如果沒有剩下3個項目，即2或1，我希望它們居中。我嘗試了某種colspan，但沒有按預期工作。為了更好地說明我正在嘗試做的事情，我附上了一些圖表當前佈局：所需的佈局，其中剩餘2個項目：所需的佈局，其中剩餘1項：<divclassName="xl:gridgrid- cols-3ga

P粉311563823 2023-08-28 20:06:09

區域網路網站，內網設備連不上打不開網頁？

各位好，為什麼我的區域網站，內網設備連不上打不開網頁，是怎麼回事請多多指教謝謝？

phpcn_u70761 2017-12-06 16:44:32

左右佈局不對

為什麼我這刷出來左右佈局都不對？

P粉653371603 2022-01-18 19:02:01

使用網格建立此特定設計：逐步指南

我正在嘗試創建一個類似於此圖像的佈局，我嘗試過使用此網格但無法實現。 <ulclass="container"><liclass="first"></li><liclass="second"></li><liclass="third"></li

P粉662361740 2024-04-06 20:29:08

css - Flex佈局問題

header是用的flex佈局，想要搜尋框水平居中，類似原生IOS裡面的佈局不受左右兩邊內容的影響，依然水平居中我記得我之前實現過，後來用了flex.css就忘了，麻煩看看用這個怎麼實現

曾经蜡笔没有小新 2017-05-19 10:47:50