
[英]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 检查器视图我尝试了许多关于网格布局和属性的变体,但它 ...