CSS网格自动扩展

文章/答案/技术大牛

发布

1回答

html、css、css-grid

我使用CSS网格创建了一个12列网格。但是，现在我不得不使用auto width (自动扩展到末尾)类。有没有人能告诉我有什么办法或变通办法来实现它？

浏览 11提问于2020-07-17得票数 4

回答已采纳

1回答

在下面的示例中，我希望左列元素charlie、delta、echo div为全宽度(占据两列)。heightsplease 中可能有任意数量的右列.r1，.r2类型元素(零- N)，所以我不知道在右行和左行之间到底应该有多少行，当前.a (acme)受.r1的高度影响，这是不需要的！应该让独立的点击下面的“运行代码片段”按钮来查看发生了什么，下面还有一张显示我对< code >f 214</code>感兴趣的布局的图片。.g { gap: .25rem; grid-template-columns: 1fr 100

浏览 1提问于2020-04-01得票数 2

回答已采纳

1回答

如何获得CSS Grid列宽度以匹配内容？

css、css-grid

我的问题：我想不出如何使CSS网格跟踪宽度自动大小到图像内容。我有几个<div>元素使用相同的CSS类来定义CSS网格。带有133px图像的网格跟踪最终导致了178px的扩展，造成了巨大的差距。这可以用一个CSS网格类来完成吗？还是需要为不同宽度的图像定义不同的CSS网格类？

浏览 1提问于2018-02-27得票数 2

1回答

将GridView封装在与AJAX工具包ResizableControlExtender链接的面板中

.net、asp.net、asp.net-ajax、ajaxcontroltoolkit、servercontrols

我可以在没有问题的测试.aspx页面中愉快地做到这一点，只需将我的网格像往常一样放在面板中即可。当我运行页面并查看源代码时，我可以看到面板被呈现为围绕网格的div。但是，当我将其包装在服务器控件中时，面板的自动调整不会发生。相反，面板的呈现div没有高度和witdh设置，因此在某种程度上小于网格。我认为这是因为我没有设置扩展程序的最小大小，然后扩展程序将面板大小设置为空。我没有设置最小大小，因为我无法在网格呈现之前计算网格的大小(因为它依赖于c

浏览 3提问于2009-07-20得票数 1

回答已采纳

1回答

子网格在表单上仅显示2行/空白随着表单的每次更新而增加

dynamics-crm-2011

我的表单上的子网格设置为行数: 250，并选中了Automatically expand to use available space。这在短时间内可以很好地工作，并且子网格可以动态调整自身的大小。据我所知，Ro

浏览 4提问于2014-08-09得票数 0

1回答

Angular UI-Grid:悬停在可展开行上

javascript、html、css、angularjs、angular-ui-grid

我正在尝试在一个角度ui网格的行上实现一个悬停效果。当用户悬停在行上的任意位置时，完整的行应更改其背景颜色。但是，我使用的是可扩展网格，它会自动创建一个带有展开图标的行标题。现在CSS规则要么给行标题区着色，要么给数据区着色，但决不会给整行着色。这是对任何其他列的悬停效果：有人找到解决这个问题的办法了吗？

浏览 2提问于2016-04-04得票数 2

1回答

ASP.NET MVC3 CSS框架

asp.net-mvc-3、css-frameworks

我想知道，哪个css框架最适合ASP.NET MVC 3？您需要为ASP.NET MVC 3验证调整css。没有什么，这将是显示停止，但也许有更好的选择-某些东西，是适应ASP.NET MVC的具体情况，或可能是ASP.NET MVC项目存根，适应yaml css框架。

浏览 4提问于2011-07-21得票数 6

回答已采纳

1回答

在禅子主题中禁用指南针

theming

我使用CodeKit将Sass编译成CSS。在我的工作流程中，我喜欢使用CodeKit的可视化系统进行项目设置，因为这样我就可以轻松地使用自动修复器和灵魂映射等。总之，如何从禅宗的S css系统中提取Compass，并使用CodeKit对编译设置进行微调？

浏览 0提问于2014-05-06得票数 0

回答已采纳

2回答

将Angular Material2与Bootstrap4 css结合使用进行网格布局

angular、bootstrap-4、angular-material2

(alpha.7)还没有像那样的响应式网格组件。bootstrap中的布局/网格系统允许创建响应式布局(不需要编写涉及自定义媒体查询的css和计算断点的像素值)，这是非常有用的。我注意到在material2项目中包含bootstrap css时，material2组件的页边距/填充存在问题。例如：md-card组件开始重叠。在material2中，有没有办法在不包含bootstrap css的情况下获得像响应式布局/网格</

浏览 25提问于2016-08-20得票数 6

1回答

CSS网格未扩展

javascript、css、reactjs

我的App.js和App.module.css文件如下所示：import React from "react"; return ( <p>1</p>);.App { grid-te

浏览 2提问于2020-10-06得票数 0

1回答

基于HTML的游戏中定位元素的最佳实践

javascript、css、html5

想象一下，比方说，在HTML/CSS/JS中实现俄罗斯方块。所以你有一些背景，一些已经在屏幕上的片段，以及一个移动的部分，所有这些都需要彼此对齐。如果这使用某种基于网格的系统，这样它就可以自动缩放到任意窗口大小，而无需程序手动计算像素宽度等等，那就太好了。做这种事最好的方法是什么？网格布局？用百分比来表示一切和相对位置？

浏览 0提问于2019-03-01得票数 2

1回答

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

css-grid

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

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

回答已采纳

1回答

将元素扩展到自动计算网格的末尾，而不仅仅是显式网格。

html、css、css-grid

在CSS网格中，可以使用grid-column: 1 / -1将元素扩展到整个显式网格。但是，如果您添加了新元素，并且网格自动拥有比显式声明更多的列，那么这将不会产生相同的效果。有什么我可以代替-1的值来强迫项目一直延伸到网格的末尾吗？在下面的示例中，由于grid-auto-flow被设置为column，所以额外的元素将添加新列。我希望.stretch元素扩展网格的整个宽度，而不仅仅是指定的3x3网格的宽

浏览 0提问于2019-07-03得票数 4

1回答

基于关键变量的CSS调整

css、responsive-design

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

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

回答已采纳

1回答

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

css、angular、sass

我将收到一定数量的项目显示在一个网格中，最小数量是2，但我们不知道它可以检索的最大项目数。每一项都是一列。但是我只想用CSS来实现这一点，那么我能做什么呢？因为我只是需要专栏，所以我也对柔性盒解决方案开放，或者说是SASS。如何在第一个列之后使用这个动态列？

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

回答已采纳

1回答

CRM 2015为子网格设置更多行

dynamics-crm-2015、setting、subgrid

如何在CRM 2015报价中设置子网格属性，以显示超过7行的表格(表格高度超过7行)？我花了很多时间来寻找我的问题的答案，但我什么也没找到。我尝试在表单设置中设置行数和“自动扩展以使用可用空间”，但子网格高度仍然是最大7行。如果未选中“自动扩展以使用可用空间”，则会出现巨大的空间，但子网格的高度仍为7行。

浏览 4提问于2016-06-22得票数 1

1回答

如何使用灵活的布局自动调整ui网格的宽度

javascript、css、angularjs、angular-ui-grid、ui-grid

我试图让自动调整大小指令工作，但当容器的宽度缩小时，我有一个意想不到的行为。ui-grid没有缩小(它在展开时起作用)。important，网格就会开始不断扩展，而不会停止。我是否必须重写自动调整大小指令，或者使用css有其他方法吗？

浏览 21提问于2021-08-03得票数 2

1回答

CSS / Javascript:缩放或信使式视频播放器，具有动态高度和宽度

javascript、jquery、css、html5-video

是否有任何方法来做到这只使用css？或者说有图书馆可以这样做？谢谢。 

浏览 2提问于2020-06-22得票数 2

1回答

在另一个前面展开浮点div

javascript、css、grid

我在第一个div前面有第二个div，当第二个div扩展到低于第一个div的位置时，我还没有成功地尝试使用css网格、网格区域、网格列、订单、柔箱、浮动网格和insertBefore javascript，但是这会导致移动铬的自动滚动，还有其他方法可以使用css纯的或js，例如没有insertBefore的切换吗？

浏览 2提问于2022-10-21得票数 1

1回答

CSS自动填充网格

css、flexbox、css-grid

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

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

回答已采纳

点击加载更多