CSS网格自动填充所选列

文章/答案/技术大牛

发布

1回答

css、reactjs、css-grid、styled-components

我只想自动填充第2列和第3列。我将创建一个ES6 (javascript)映射()。如您所见，段落/组件保留在同一列中。下面是react代码，但基本上问题是css。 position: absolute; grid-template-columns

浏览 9提问于2021-03-10得票数 0

1回答

如何利用css网格实现响应式布局

css-grid

我希望使用响应性的css网格在figure1中实现布局。元素A，B，C，D，E-有不同的内容(内容与下图中的方框大小成正比)我试图定义具有重复、自动填充和适配内容的网格模板列，但我没有得到想要的结果--我遇到了解释如下的链接自动重复(自动填充或自动填充)不能与固有的或灵活的大小(例如，fit内容)结合在一起。我还试图定义重复、固定宽度

浏览 2提问于2019-09-21得票数 1

回答已采纳

2回答

将控件放在页面上后调用dataInit和dataEvents

jquery、jqgrid

我有一个jquery自动完成和jquery选择在我的网格添加弹出。我希望在自动完成(用户列)选择的基础上填充selection (adrs列)值，即ajax应该将自动完成选择作为后端并获得所选结果。为此，我希望在填充自动完成后调用选中的dataInit。我正在遵循的步骤当用户开始键入时，填充用户自动完成。在此

浏览 4提问于2015-03-10得票数 0

1回答

我有一个有趣的创造性编码情况/一个徽标-我有一个由大约130个其他颜色的div组成的div，当它们位于页面顶部时，它们一起形成了徽标，当您滚动页面时，div四处移动并扭曲了徽标，您可以在这里看到它的作用：https://warehouse.netlify.app/和div情况在这里：https://github.com/nejurgis/warehouse/blob/master/src/components/DivOverlay.js当您滚动时-容器div宽度缩小，以这种方式推动所有的孩子div 现在的问题是:谁知道如何根据整个页面的高度来缩小容器div的宽度。如何让徽标只在卷轴的末尾“折

浏览 12提问于2020-04-20得票数 1

1回答

如何创建最大行数等于8的网格系统

html、css、bootstrap-4

我需要创建一个网格系统作为图像的示例。最大行数为8；单元格数量可变，可为12、20、100等。输入镜像描述here

浏览 17提问于2021-02-25得票数 -1

回答已采纳

2回答

CSS网格-从1行，3行过渡到3行，1行

css、css-grid、grid-layout

我正在探索CSS，看看它是否能够完全取代对我的特定用例的响应性CSS媒体查询的需求。, 1fr)); margin: 0 auto;} 当我将视口宽度缩小到三列在250 of以下时，我希望网格布局能够快速调整为三行一列的布局：当您缩小视口宽度时，由于所选的自动

浏览 3提问于2019-09-23得票数 3

回答已采纳

2回答

如何在Google工作表中的时间线上绘制日期

google-sheets、google-sheets-charts

我有一列日期(如日期)。

浏览 0提问于2018-12-28得票数 3

3回答

Bootstrap 4全宽网格

html、css、bootstrap-4

无论有多少列，我都不知道如何使网格延伸到容器的全宽 <div class="row"> <div class="col-md-9 second"></div></div> 在上面的例子中显示了2列

浏览 1提问于2018-04-25得票数 3

回答已采纳

1回答

CSS自动填充网格

css、flexbox、css-grid

我目前正在尝试使我的网格自动填充，以便它将自动移动取决于页面大小。然而，按照标准，它是一排直线。但我想让它把一些箱子搬到一排。例如，第1行4次，第2行2次。例如，默认情况下它会这样做：但我希望它像下面一样，但我仍然想要自动调整框的位置取决于页面的大小。(我将自动填充更改为4，但它阻止了自动调整)。

浏览 3提问于2021-12-06得票数 1

回答已采纳

1回答

是否有一种方法可以使重复列收缩以适应CSS网格中的内容？

css、css-grid

是否有一个CSS网格配置将重复(包装)单元格，但根据内容的大小动态收缩列，而不是使用一致大小的列？，但它使用的宽度与其他列(186 as )相同。我希望这些列缩小到内容的宽度，同时仍然随着屏幕大小的缩小而包装。似乎网格-模板-列:重复()；接受两个参数。第一个可以是自动安装或自动填充，但第二个必须是一个特定的宽度。是否有任何方

浏览 2提问于2021-10-03得票数 3

回答已采纳

2回答

CSS网格不显示右侧填充“网格-模板-列:自动”。

html、css

我刚接触过CSS，想要构建一个网格。然而，在这里的例子中，我的网格正在扩展到它的填充之外。为什么会这样呢？我添加了一个屏幕截图，显示在网格的右边没有蓝色的填充。grid-template-columns: auto auto不应该使前两列的大小缩小，使最后正确的两列适合填充吗？

浏览 6提问于2021-12-30得票数 -1

1回答

GXT网格自动列宽

java、grid、gxt

我有一个GXT网格，并希望其中的列适合屏幕。下面是我的网格现在的样子：它看起来是这样的，因为我已经设置了适合我的屏幕的列宽度的具体值。我想让列自动适应网格的宽度

浏览 1提问于2013-04-29得票数 2

回答已采纳

1回答

不同宽度的CSS网格自动填充列

html、css、css-grid

我没有依赖媒体查询，而是尝试使用css网格创建一个响应组件，以便它能够在不同的布局中利用可用的空间。如果空间足够大，应该有两列，第一列是固定宽度(包含图像)，第二列是剩余部分(带有文本)，即2x1网格。如果不是，那么应该有一列占用所有可用空间，网格更改为1x2。Wide 2x1网格| o | text |窄1x2网格|

浏览 0提问于2018-03-21得票数 10

回答已采纳

1回答

使CSS网格只自动填充2列

html、css、css-grid

我正在使用CSS网格，并在这里找到的代码页中做了以下布局：

浏览 1提问于2017-08-03得票数 7

回答已采纳

2回答

有可能在Zurb基金会5网格中有一个固定宽度单元吗？

css、zurb-foundation

是否可以在中设置一个单元格/列的最小宽度？单元格包含一个列表，该列表中的一些项目正在包装，我想防止这种情况发生。NoWrap阻止它们包装，但它们会重叠下一列的内容。

浏览 0提问于2018-11-08得票数 0

回答已采纳

1回答

基于关键变量的CSS调整

css、responsive-design

我已经构建了一个动态大小的网格布局，可以在任何大小的分辨率(电话、平板电脑、桌面)中合理地适应，并处理调整大小，同时接近像素-完美(对不起，我是强迫症-我说“接近”，因为我的数学现在是坏的，你不能在一个奇怪大小的容器内容纳两个大小均匀的元素，而不在一侧填充1倍)。我能用严格的CSS来完成这个任务吗？或者更多的CSS和更少的JavaScript？我的意思是基于屏幕宽度的动态大小的单元格？以下是业务规则：如果使用CSS，这可能是不可能的，所以我

浏览 3提问于2013-03-27得票数 2

回答已采纳

1回答

CSS网格嵌套和自动填充高度问题

css、css-grid

我对嵌套的CSS网格有一个问题，嵌套网格使用重复的自动填充模板列，然后强制外部网格的高度。您可以看到内容区域的高度是如何太高的。

浏览 2提问于2017-11-06得票数 0

回答已采纳

1回答

具有一个大列的动态CSS网格小列

css、angular、sass

我将收到一定数量的项目显示在一个网格中，最小数量是2，但我们不知道它可以检索的最大项目数。每一项都是一列。grid-template-columns': '3fr repeat(' + (destaques.length - 1) + ', 1fr)'> 因此，我只是得到项目的长度，减去1，我让我的列按预期工作但是我只想用CSS来实现这一点，那么我能做什么呢？因为我只是需要专栏，所以我也对柔性盒解决方案开放，或者说是SASS。如何在第一个

浏览 5提问于2021-01-08得票数 0

回答已采纳

2回答

CSS网格自动填充，按钮重叠，取决于分辨率

html、css、css-grid

在使用CSS网格自动填充，我有一个按钮重叠另一个取决于屏幕大小。我有他们自己的HTML部分，其中包含两个div，每个按钮在它自己的div中。 </telerik:RadButton>

浏览 6提问于2018-08-31得票数 1

回答已采纳

1回答

创建自动缩放的固定像元大小格网

html、css、gridview、datagrid、inventory-management

基本上它应该看起来像这样：请注意，网格的宽度(以元素的倍数表示)始终根据设备的屏幕尺寸进行调整。此外，网格容器应该始终自动适应所选网格宽度的宽度。我尝试过使用css-grid来实现这一点，尽管我不知道如何让css-grid根据屏幕大小自动确定列数。然后，我尝试简单地为每个图像设置一个固定大小，并让HTML自然分页来处理它：这实际上是可行的，但是在左边的大小上你可以清楚地看到网格容器的边距比右边的大

浏览 1提问于2020-11-15得票数 1

点击加载更多