[英]Occupy the least possible but still reasonable space in responsive layout
我正在編寫一個數量選擇器按鈕並希望它能夠響應。 也就是說,我希望減號和加號只包含圖標所需的寬度,中間的輸入是最大寬度。 我想知道如何使用 scss 來解決這個問題。 HTML: SCSS: grid-template-columns: 45px auto 45px; 可以解決這個問題,但不是有效 ...
[英]Occupy the least possible but still reasonable space in responsive layout
我正在編寫一個數量選擇器按鈕並希望它能夠響應。 也就是說,我希望減號和加號只包含圖標所需的寬度,中間的輸入是最大寬度。 我想知道如何使用 scss 來解決這個問題。 HTML: SCSS: grid-template-columns: 45px auto 45px; 可以解決這個問題,但不是有效 ...
[英]Move the button horizontally in Grid of WPF app
我的 WPF 應用程序有很多按鈕,它們排在第一行,如下圖所示: 我想要的:當用戶單擊向左箭頭時,按鈕將向左移動 1 列,如下所示,向右箭頭則相反 我可以在 WPF 中這樣做嗎? 任何幫助將不勝感激。 ...
[英]Array of objects to grid/table in Angular
我將數據作為對象數組,如下所示: 我希望此數據顯示在 HTML 表中,如下所示: 如何進行? ...
[英]How to make a grid with one bigger tile
我正在為一個生成幾何形狀的網格開發這個程序,我希望 function drawSubdividedCircle 始終只在網格上隨機出現一次position 並占據兩行/列的寬度和高度。 我認為主要問題是堆疊,因為當我現在運行它時,對象重疊。 這基本上是我的目標: 這是代碼: let colors ...
[英]How to convert grid number to coordinates when the rows alternate order
在這個網格中,數字到坐標的映射如上所示。 我正在努力想出一個公式,其中給定網格的數量以及網格中的行數和列數,它輸出網格的坐標。 我嘗試按照這個問題中的邏輯進行操作,但是在這個問題中,坐標系從 0 開始並且行不是交替的。 ...
[英]can't get counter to move across a board anymore
我正在創建一個棋盤游戲,我正處於展示棋盤和讓計數器在方塊上移動的初始階段。 使計數器移動的代碼有效,但我必須更改它的位置,因為方形顏色不斷更新,而不是像在“運行時”循環中那樣保持一種純色。 現在顏色是固定的,但計數器不會移動。 這是代碼:import pygame, sys import rando ...
[英]How to make this grid table better for mobile devices?
我幾乎完成了我的網格時間表。 在桌面上它看起來很完美我會說。 小問題是移動。 在更大的手機上它看起來可能還不錯,但在我的 Iphone 13 mini 上它是..你可以看到一些文本不適合他們的字段,比如第二行和第四行的“Kondiční kickbox” 。 也許減少時間字段? 你知道我有 06- ...
[英]a matrix as an argument of a function in c not working( making a game grid)
我是 c 的新手,我想插入此代碼以生成游戲網格,當我運行它而不將其放入 function 時它可以工作,當我在 void function 中聲明它時,格柵('0',矩陣 [36 ][36]) 導致問題我不知道為什么! 這是程序的主要 function: #include "GO_c1.c" ...
[英]How to make my grid cell same size after spanding it over the next cell?
在此處輸入圖像描述在跨越下一個單元格后,如何使我的網格單元格大小相同? 到目前為止,這是我嘗試過的 .factory { display: grid; grid-template-columns: 1fr 1fr 2fr; height: 600px; gap: 10px; margin-top: ...
[英]how can create straight line between two section
我正在嘗試創建一個包含兩個部分的布局,一個在另一個之上,用一條線將它們分開。 我想使用 HTML 和 CSS 來創建此布局,但我不確定如何使用 go。 我曾嘗試使用顯示網格來創建線條,但它似乎沒有按預期工作。 我也嘗試過在部分上使用 `border` 屬性,但這似乎也不起作用。 誰能提供有關如何使用 ...
[英]TkInter Making a large number of cells with Grid, while using Geometry property
我想在 Tkinter 網格幾何管理器上制作很多行和列。 您可能知道,在使用 Geometry 屬性將特定高度和重量設置為 window 時,您必須指定 rowconfigure 和 columnconfigure(如果我錯了請糾正我。) 我想這樣做: for x in range(10): roo ...
[英]Why dont buttons show up in the grid when I create them using a for loop in C# WPF?
嘗試使用按鈕為 Connect 4 游戲制作棋盤,但是在創建了一種通過為網格中的每個單獨單元格創建按鈕來創建實際棋盤本身的方法之后,沒有任何顯示。 為混亂的代碼道歉,這是高中的 HW 作業,編程不是我最喜歡的課程部分不太確定主要原因是什么,因為我正在實現與我朋友相同的代碼,但他的按鈕都加載到他的 ...
[英]vaadin flow 23 - in memory gird sort not working
我正在嘗試允許用戶按派生值的列對網格進行排序: grid.addColumn(Category::getPath).setHeader("Path"); grid.addColumn(category -> getCount(category)) ...
[英]How can I make this scrollviewer in the grid cell work both horizontaly and verticaly?
我有一個包含一些數據的網格,其中一個單元格包含相當長的字符串(可能有很多)。 所以為了不使用太多可用的 window 空間,我希望這些字符串可以滾動。 垂直有效,但無論我嘗試什么,我都無法獲得水平滾動條。 這是我的 xaml: 這是要測試的代碼。 我知道這里有幾個類似的問題,但據我所知,它們都籠罩 ...
[英]Scroll Flexbox dashboard problem CSS HTML
使用 flexbox css html 創建我的儀表板時,我有一個滾動問題,例如: 在中間的紅色容器中,如果我將其垂直放置,則水平容器對我來說效果不佳 opteniendo 結果就像它擴展了容器 descuadrando 設計。 如果我工作水平滾動不起作用垂直滾動擴展它。 我希望它在下圖中這樣工作 ...
[英]How to make a Responsive Grid?
所以我有一個帶有特定網格的 html 和 css,我已經制作了 .css,但我遺漏了一些東西,通常是使用引導程序將 col-md 或 col-sm 放入 html,但每次我嘗試仍然無法正常工作對於所有設備,任何人都可以幫助我嗎? .container { display: grid; grid- ...
[英]Center div by specific item
是否可以不將整個子容器 div 居中,而是通過特定項目居中。 第一個p和最后一個p的內容高度不同,可以動態變化。 .container { display:flex; align-items: center; height: 300px; background-color: red; }.chi ...
[英]Child content is ignoring fit-content width defined by parent grid
我有一個與display: grid一起使用的卡片組件,我定義了 2 列fit-content(135px) 1fr 。 在第一列(最大應為 135px)上,我有一個組件有一個不適合列寬的子元素,並使該列更寬 go。 我已經嘗試通過放置min-width: 0和max-width: 100%以及所有 ...
[英]buttons with css grid won't align
我有一個非常簡單的站點,其中包含 2 個按鈕,我需要使用網格在站點底部對齊。 雖然 justify- 正常工作,但 align- 根本不起作用。 你能幫我解決這個問題嗎? 非常感謝! 我已經嘗試將高度設置為容器以及 to.buttons 和.next-button,.back-button。 我試過 ...
[英]How to display a 2 x 2 grid with div 1 and div 2 on top of each other in the first column, and div 3 in the second column spawing two rows
以下代碼 產生這個結果瀏覽器渲染結果我希望在第一列中相互堆疊的兩個 div 都在第一行。 我希望在第二列中生成兩行的圖像是第二行和第一行查看 Chrome 的檢查器,我可以看到我的網格布局信息以某種方式被忽略了,但我沒有找到解決方法 Chrome 檢查器視圖我嘗試了許多關於網格布局和屬性的變體,但它 ...