CSS网格适合一行中的列宽
的概念是指使用CSS网格布局来实现网页中一行中多个列的宽度分配。CSS网格布局是一种强大的布局系统，它允许开发者将网页划分为行和列，以便更灵活地控制元素的位置和大小。
CSS网格布局的优势在于它提供了一种简单而直观的方式来创建响应式的网页布局。通过定义网格容器和网格项，开发者可以轻松地指定每个列的宽度，以及每个网格项在网格中的位置。这使得在一行中创建不同宽度的列变得非常容易。
适用场景：
- 响应式布局：CSS网格布局非常适合用于创建响应式的网页布局，可以根据不同的屏幕尺寸和设备自动调整列的宽度，以适应不同的显示环境。
- 多列布局：如果需要在一行中创建多个列，并且希望这些列的宽度可以自由调整，CSS网格布局是一个很好的选择。
- 网格化设计：对于需要将网页划分为网格的设计风格，如新闻网站、博客等，CSS网格布局可以提供更灵活的布局方式。
推荐的腾讯云相关产品和产品介绍链接地址： 腾讯云并没有专门针对CSS网格布局的产品或服务，但可以使用腾讯云提供的云服务器（CVM）来部署和运行网页，以及使用腾讯云的内容分发网络（CDN）来加速网页的访问速度。
- 腾讯云云服务器（CVM）：提供高性能、可扩展的云服务器实例，可用于部署和运行网页。详情请参考：腾讯云云服务器（CVM）
- 腾讯云内容分发网络（CDN）：加速网页的访问速度，提供全球覆盖的加速节点，提高用户访问网页的体验。详情请参考：腾讯云内容分发网络（CDN）
相关·内容
对于jqGrid，如果没有指定列的宽度，则它们平均共享网格的宽度。(即)如果网格宽度为400 if，且有4列，则它们都占100 if宽度)。是否有一种明智的方式来处理这个问题，这样就可以在其内容上显示列的宽度？
例如，假设有两列：name和info。假设名称的平均长度为60 chars，而信息的平均长度为400 chars。如果网格的宽度为460 of ，则name列的宽度应为60 of ，info列的宽度应为400 of 。
需要某种自动内容功能。我认为这是有一点可能性的，因为如果我动态地调整网格的大小，那么宽度列就会根据它们的内容而改变和适合。
提前谢谢。
浏览 2提问于2010-03-11得票数 3
回答已采纳
1回答
我试图在网格中放置一些div，方法是向元素显式分配行、列和大小，并允许CSS网格使用以下CSS进行列和行大小调整。
display: grid;
grid-auto-columns: min-content;
值min-content应该将列设置为尽可能小的大小，以适应内容而不发生溢出。然而，这种情况并没有发生。尽管这些元素都可以放在350 is网格中，但是第三列太大，导致不必要的空白。
这是一张正在发生的事情的图片。
下面是实际代码：
function randint(min, max) {
return Math.floor(Math.random() * (max -
浏览 0提问于2018-05-09得票数 2
回答已采纳
1回答
网格视图宽度不固定
、、、
我有一个网格视图，我想让它以固定的宽度给它。对于太长的列，我想把它分成几行，然后合并我固定的宽度。到目前为止，有人建议将网格放在div中，如下所示。
.container
{
width : 1000px;
height:auto;
float:left;
overflow:hidden;
display:block;
}
<div class="container">
my grid here
</div>
我这样做了，它通过剪切超出
浏览 1提问于2013-09-24得票数 0
考虑四列中的单词网格，每列都是相同的宽度。我大部分时间都可以用grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));得到这个，这些都是简短的单词。但是，可能有一个很长的词溢出了它的障碍：
如果这是静态数据，我可以将网格css更改为grid-template-columns: repeat(auto-fill, minmax(33%, 1fr));，以方便地填充空间：
如何使CSS呈现器为我调整列数，使每个列的宽度相同，使用集合中最宽的word块的宽度？
浏览 10提问于2022-06-26得票数 0
回答已采纳
我有我的GWT项目，其中我有一个电影列表的以下视图：
蓝色框是插入到CompositeWidgets中的ScrollPanel。我想获得一个网格(4列)，而不是一行作为视图。我是CSS的初学者，所以我不知道如何达到我的目的。非常感谢!
浏览 1提问于2015-08-17得票数 1
回答已采纳
1回答
默认情况下，Omega正在加载12列网格(alpha- default -normal-12.css)。如何加载16列网格(alpha-默认-普通-16.css)？
浏览 0提问于2012-05-31得票数 1
回答已采纳
我有点新的UICollectionViewFlowLayout复杂的话题，是的！！我已经检查了所有与主题相关的问题，但我还是被困住了。
我所要做的就是在列之间设置间距，在UICollectionView中使用垂直网格布局。从以前所有关于“如何在UIcollectionViewCells上设置间距”的问题中，我尝试过的主要答案是：
使用minimumInteritemSpacing和minimumLineSpacing
使用func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout
浏览 0提问于2018-02-05得票数 3
回答已采纳
我有一个网格，其中包含需要在网格中显示的动态项目数量。到目前为止还很正常。现在，我希望网格自动定位网格中的所有项目。我的意思是：
如果右边有额外项的空间，则创建一个新列，如果情况并非如此，则将其添加到，然后在该行的第一列中创建一个新行并添加该项。
我知道每个项目的大小，而且所有的项目都有相同的大小。目前，我动态地定义了列大小，但是如果需要的话，可以让它们都是相同的(静态)大小。
.grid {
display: grid;
grid-auto-columns: minmax(360px, 460px);
grid-auto-rows: 240px;
}
我尝试使用gri
浏览 3提问于2022-01-27得票数 1
1回答
我不明白Susy是如何计算它的网格宽度的。我有一个9列的网格，它嵌套在12个网格的列中，宽度并没有像我期望的那样计算出来。以下是我的设置：
$susy: (
columns: 12,
column-width: 60px,
gutters: 2/5,
math: static,
global-box-sizing: border-box
);
所以我的主列有@include span(last 9 nest);。所以在9列网格单元格中，如果我使用@include span(1 of 9 inside);创建另一个单元格，那么输出css不应该是：
{
浏览 0提问于2014-05-24得票数 0
1回答
我有一个配置了列的Grid。在第一列中我有一个Image，在第二个StackPanel中有TextBlocks，在其余的列中有其他TextBlocks。
当我运行应用程序时，我看到图像和这个其他TextBlocks。问题是StackPanel重叠在图像上(TextBlock的内容显示在图像上)，并且部分内容显示在网格中的其他列下。我将MinWidth添加到图像和Stackpanel中，但它没有解决问题:/
它看起来图像没有宽度，所以StackPanel覆盖了它，而StackPanel也没有足够的宽度，所以它隐藏在其他列下。
例如，所有TextBlocks都绑定到数据源：
<Grid>
浏览 0提问于2014-11-06得票数 0
对于响应站点是否需要列网格，我有点困惑。例如，我打算从 WordPress主题开始。我将使用SCSS设置包括在这个主题。其网格如下：
.onecol { width: 5.801104972%; }
.twocol { width: 14.364640883%; }
.threecol { width: 22.928176794%; }
.fourcol { width: 31.491712705%; }
.fivecol { width: 40.055248616%; }
.sixcol { width: 48.6187
浏览 1提问于2014-01-02得票数 1
回答已采纳
我查看了文档，但没有找到这样的属性。我想使用css网格使一列中的所有单元格适合其内容宽度。
对于第一种情况，我应该对容器应用此属性：grid-template-columns: auto auto;
但是对于第二种情况，我应该怎么做呢？
浏览 1提问于2017-11-08得票数 48
1回答
我是写html和css代码的新手。我试着用CSS FlexBox制作一个有三列的图片库。 html： <div class="row">
<div class="column">
<img src="sea.jpg">
<img src="guns.jpg">
</div>
<div class="column">
<img src="cars.jpg">
浏览 53提问于2020-08-11得票数 1
1回答
960和骨架的功用
、、、、
我有个简单的问题。我现在正在学习网页设计，但我发现很难有基于像素的网格，这是由于响应元素。
我不能只是插入媒体，因为图像，例如，必须调整每个像素的大小，而不仅仅是在逻辑断点。因此，我的解决方案(尽可能简单)将为每个列设置一个宽度：%; (我将有1或2列，但是图像和内容必须为每个像素调整大小)。
那就拿骨架..。我看过了，但好像是960的副本，除了媒体.仍然是同样的问题。
我可以认为960可以解决大站点中的问题，其中有许多元素(3-4列)，并且不需要增加或调整它们的宽度(例如，对于1024的最大逻辑断点，您不需要为列提供另一个空间，您只需做一个边距:0 auto;作为整个站点的中心)。
那么，你
浏览 2提问于2013-09-25得票数 2
回答已采纳
我不是很好的css和有困难理解引导3的网格系统。
我查看了它们的源代码，似乎每个col*类的宽度总是其父类的1/12。但如果是这样的话，列就永远不会堆叠起来。但他们有。所以我肯定错了。谁能给我解释一下堆叠是怎么触发的吗？
这四种列的用途是什么?x，sm，md和lg？
谢谢。
浏览 6提问于2013-11-20得票数 2
回答已采纳
2回答
我们正在尝试使用引导3面板来创建一个响应性的网格布局，但是我们无法找到如何让它们以我们想要的方式显示。下面是我们到目前为止所拥有的一个例子：
以及生成布局的django/ incident_panel.html代码(indicents只是一个对象列表，我们在其中每个列表项显示一个incident_panel.html)：
{% for incident in incidents %}
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
{% include 'incident
浏览 6提问于2014-03-20得票数 10
回答已采纳
1回答
我不确定这是一个引导错误，还是我只是不了解网格系统。我希望两个标题(这个家伙，那个家伙)对齐：
@import url( 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css' );
<div class="row">
<div class="col-md-10 col-md-offset-1">
<div class="panel panel-default">
<div
浏览 2提问于2017-03-16得票数 0
回答已采纳
1回答
我对编码很陌生，似乎不太理解CSS网格模型。在下面的代码中，网格被划分为3个网格模板列(每个300 me )，但是在网格模板区域中每一行有8个单元(例如: hd)，而不是3，这对我来说是没有意义的。有人能帮我理解一下为什么网格模板区域中的单元数量与列的数量不一样吗？(如果有3栏，那就是"hd hd“)。他们有什么关系？
.container {
display:grid;
grid-template-columns: 300px 300px 300px;
grid-template-rows: 250px 600px;
grid-template-are
浏览 2提问于2019-10-07得票数 2
回答已采纳
1回答
没有JS或媒体查询的(我知道)，是否有可能有一组条目要么在1列中，要么只有1行，“响应”？因此，如果没有足够的空间来容纳一行中的所有子列，则会将它们转换为1列。
我的想法是，这是不可能的，但想让更多的观众看到:)我尝试过摆弄css专栏、柔性盒和旧的忠实显示:内联块和浮动。我没有看一看css网格布局是否能做到这一点。
所以这就是
item1 item2 item3
或者这个
item1
item2
item3
但从来没有这样
item1 item2
item3
浏览 1提问于2016-09-08得票数 1
回答已采纳
我将内容放在网格列表组件中，我希望网格瓦片根据它所拥有的内容进行相应的增长。我尝试使用rowHeight="fit“作为文档状态，但似乎不起作用。 Here an example
浏览 15提问于2020-01-30得票数 0
2回答
我正在实现一个CSS网格作为一种学习经验，并基于我对以下内容的研究和阅读：
基于百分比的网格最有意义，然而，当处理三分之一时，如果分数加起来为100%，这是如何工作的？
33% + 33% + 33%显然是99% --这对在CSS框架中使用thirdds进行网格布局有什么影响(如果有的话)？
最后，为什么这么多框架倾向于关注这么多列单元？例如，YUI Pure支持24个单元，这使得CSS乍一看更难理解，为了什么，提供更多的“像素完美精度”？
对我来说，最多支持4到5列似乎是合乎逻辑的，并在网格中嵌入网格以实现更细粒度的布局控制。
使用网格以任何方式删除像素精度，不是吗？现在每个网站都被分割成
浏览 1提问于2014-01-18得票数 2
如何在Tailwind中设置单独的列宽？
例如，在普通的CSS中，我会
.grid-container {
display: grid;
grid-template-columns: 20% 80%;
}
<div class="grid-container">
<div class="item1">1</div>
<div class="item2">2</div>
</div>
但是，在Tailwind中，如果将宽度应用于列，则会破坏网格。
浏览 1提问于2021-03-10得票数 3
1回答
响应式3列网格布局留下空旷空间。
、、、、
我正在建立一个响应的组合网站与一个缩略图网格。根据浏览器的宽度，它从一列网格到三列网格。
问题只发生在三列网格中。当我调整浏览器的大小时，有时网格只是跳过两个缩略图，留下一个空空间。缩略图在网格中被进一步推入，如下所示：
现在，这只是偶尔发生的事。当我调整浏览器的大小时，我可以看到它从正常的网格切换到错误的网格和返回(至少在Chrome和Safari中，Firefox总是在调整大小时显示错误)。
以下是缩略图div的html/css。
HTML
<div class="thumbnails">
<div>*image*</div&
浏览 1提问于2015-08-17得票数 0
回答已采纳
，我们有一个要求，在桌面上我们需要12列网格，但在平板电脑上它应该遵循8列网格。我们想知道这在Bootstrap中是否可行。如果是，我们该如何做？
浏览 1提问于2017-09-22得票数 0
1回答
我正在使用CSS网格来显示一些标签。如果标签很大(即，它的宽度超过150px)，我希望该项目跨入更多的列根据需要。例如，在图像中，我希望红色标记跨越到两列中，以便文本保持在一行中。
有没有可能在不向目标元素添加特定类的情况下做这样的事情？我在React中映射了一个数组来生成每个div，所以不可能只向该元素添加一个类。
index.js
<div className={styles.container}>
<>
浏览 0提问于2021-07-09得票数 0
2回答
目前，我正在尝试使用GridView创建一个图像列表，在它们下面有一个文本视图，布局应该尽可能多地适合它们的宽度。
当使用GridView时：
<GridView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:id="@+id/gridView"
android:numColumns="auto_fit"
android:layout_gravity="center_
浏览 4提问于2014-05-10得票数 0
回答已采纳
3回答
我有以下桌面，它创建了4个相等的列都在25%。
.footer-inner {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
<div class="footer-inner">
<div>One</div>
<div>Two</div>
<div>Three</div>
<div>Four</div>
</div>
但是，我如何在媒体查询中调整这些列的大小，使第
浏览 1提问于2018-05-21得票数 21
回答已采纳
我有一个带有两列的CSS网格。我可以或不可能在第一列中呈现内容。换句话说，列div总是存在的，只是有时它可能没有内容。当第一列中没有内容时，我不希望该列占用空间，当有内容时，我希望它的最大宽度为100 of。是否可以单独通过CSS网格定义来实现这一点？
#container {
display: grid;
grid-template-columns: minmax(auto, 100px) auto;
grid-gap: 5px;
height: 200px;
width: 100%;
background-color: #8cffa0;
padding: 1
浏览 0提问于2019-06-03得票数 4
回答已采纳
1回答
我正在做一个关于CSS网格的在线测试，我对其中一个问题感到困惑。
问题是：
假设我们有一个具有以下CSS属性的网格，其中包含4个框。如果我们在HTML中添加了第五个框，它会有多大的宽度？
这是密码：
.grid {
grid-template-rows: repeat(2, 50px);
grid-template-columns: repeat(2, 100px);
grid-auto-rows: 60px;
grid-auto-columns: 70px;
}
我的想法是:现在已经有4个框了，如果我们要添加一个新的框，它就会触发“网格-自动行”和“网格-自动列”。
浏览 0提问于2018-08-13得票数 1
应用程序构建器始终将交互网格的大小调整为比屏幕宽约10个字符。所以最后一列总是被切断，即使只有几列。我发现我可以设置列的最小宽度，所以我把最后一列设置得非常宽，这样列中的值就会可见，但是必须有更好的方法吗？如何确定交互网格的宽度？
浏览 0提问于2018-03-11得票数 0
1回答
我有一个GXT网格，并希望其中的列适合屏幕。下面是我的网格现在的样子：
它看起来是这样的，因为我已经设置了适合我的屏幕的列宽度的具体值。我想让列自动适应网格的宽度
浏览 1提问于2013-04-29得票数 2
回答已采纳
2回答
我有一排带有制造商名称的自行车图像，它们出现在彼此的顶部。参考屏幕截图。我使用的是"col-md- 12“，那么它不应该是水平的而不是垂直的，因为我使用了所有12个网格列吗？我如何才能让每个图像彼此相邻显示。
HTML
<!DOCTYPE html>
<html ng-app='formApp'>
<head>
<title>Bicycle App</title>
<link rel="stylesheet" href="bower_components/font
浏览 3提问于2016-07-08得票数 0
从程序中读取excel并将excel数据显示到网格视图中，但网格仅显示255个字符，而实际数据列包含超过900个字符。需要在gridview中显示列中的900个字符
浏览 19提问于2019-01-04得票数 0
1回答
将用户控件列表插入到特定列和行
、、、、
我有一个包含项目列表的用户控件。我想要像下面的图像一样显示它们。 ? 网格有4列，但行数取决于项目的数量。我尝试了统一网格和网格，但我找不到解决方案。 我的XAML <ItemsControl Grid.Row="1" ItemsSource="{Binding Foods}" >
<ItemsControl.ItemTemplate>
<DataTemplate>
<UniformGrid Width="750" >
浏览 22提问于2020-08-13得票数 1
回答已采纳
我想使用960网格系统，使用以下命令创建一个981px的网格：
问题是我不知道如何制作一个宽度为181的左列。对于网格系统，我似乎被287卡住了。这是真的吗？THoughts？
浏览 2提问于2011-06-07得票数 0
我在我的Vaadin8应用程序中有一个网格，有时网格的滚动条在不需要的时候出现，或者在不需要的时候消失，甚至会陷入循环。我的网格有五列，我只使用Vaadin 8附带的内置渲染器。 我使用CSS将第一列的列宽设置为30%。如果我从主题中删除这一行，问题不会出现，但我需要它。我怎么才能让它工作呢？
浏览 33提问于2021-05-11得票数 7
回答已采纳
我目前有一个HTML页面，其中包含垂直顺序的图像和一些文本。
<div>
<img src="img/img1.jpg"/>
Dr. XYZ
</div>
<div>
<img src="img/img1.jpg"/>
Dr. XYZ
</div>
<div>
<img src="img/img1.jpg"/>
Dr. XYZ
</div>
我正在尝试做的是将图像排列到网格中。我知道如果我想创建有两列的网格，我可以使用有两列
浏览 1提问于2012-10-25得票数 0
我正在尝试使用PHP CSV生成一些报告。当我在MS Excel2007中打开输出csv文件时，文件列缩小并且没有显示列上的所有内容，有没有什么方法可以使用PHP来精确列宽？
当前输出：
所需输出：
浏览 122提问于2013-08-19得票数 2
请参阅
这是一个非常简单的css，我的目标是从本质上复制苹果的菜单栏
奇怪的是，我在几个按钮之间出现了一个白色的空隙，而最后一个按钮正在中断到下一行！
现在，我已经删除了图形中的分隔符，以确保这绝对是一个html/css错误，而不是我看到的分隔符。
请帮助:)
谢谢!
浏览 2提问于2011-07-14得票数 0
回答已采纳
什么CSS网格系统做的很快，而我们不能没有他们？
我工作的自由职业项目从各种资源和Photoshop文件(PSD)我得到的不是基于网格或没有使用相同的网格宽度和列，排水沟。我没有和设计师直接沟通。我只得到设计文件直接从客户或其他自由职业者/分包商。我擅长为PSD制作HTML，而不用任何网格也与IE兼容。
这些天来，twitter引导程序在社区中很流行，它基于940 in宽度网格和其他功能，也适用于按钮和jquery插件。
我的问题是专门针对网格的使用。它如何减少我们的开发时间，而不限制我们在任何事情上与我们通常的方法，特别是当设计师在遥远的位置，我没有直接连接到他们，甚至我不能强迫他们使用任何
浏览 5提问于2012-02-01得票数 2
回答已采纳
1回答
我想使用CSS网格来布局一些项目，当它们在同一列中并重叠时，可以给彼此留出一些空间。这里有一张图片来说明我想要实现的目标：
<div id="container">
<div id="yoga"></div>
<div id="samurai"></div>
<div id="lunch"></div>
</div>
#container {
width: 600px;
height: 600px;
back
浏览 8提问于2019-10-30得票数 0
假设我有以下代码。据我所知，这个网格中的列永远不会小于150像素宽.并且不超过容器宽度的"1分数“。
那么，网格如何决定创建更多的列呢？有了这个逻辑，你不会总是得到一个网格，其中包含一个占容器宽度100%的列吗？
main {
display: grid;
grid-gap: 20px;
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}
.item {
background: #07c;
height: 150px;
}
<main>
<
浏览 3提问于2018-01-27得票数 1
回答已采纳
1回答
语义UI合并行
、、
我想把这个网格放在我的页面上
1-3-4-5-6应该具有相同的尺寸，“2”应该是高度*2和宽度*2的小盒子。
我不能做这个"2“盒子
所有这些网格都应该符合剩余的高度，因此我无法确定宽度/高度。
码
.box {
border-style: double;
}
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.3/semantic.min.js"></script>
<link h
浏览 2提问于2016-09-20得票数 1
1回答
我有一个页面，我想放置4份报告，因此得到的高度和宽度相等，当然是完全响应。
report#1，report#2
report#3，report#4
我正在使用Apex5.0，在我看来，我必须使用网格。因此，我把所有的4个报告放在了一个冷跨度为12的行和列中。我试图使用flexbox，但是设置外部元素时遇到了问题。
是否有一种方法可以使用Apex在网格中的构建获得相同的结果？
浏览 3提问于2016-11-15得票数 1
回答已采纳
1回答
WPF使列溢出网格。问题是，我必须有很多列才能正确地显示它们。当我读取数据时，这些列会溢出网格，但是如果我在高分辨率屏幕上调整表单的大小并拉伸一列，它将不会将其他列从网格中推开，并且将具有最大可能的宽度，这是不够的。这个问题有解决办法吗？
浏览 3提问于2013-09-23得票数 0
回答已采纳
是否可以将具有自动填充列的CSS网格的宽度折叠到与网格容器相关的等宽列所需的最小宽度？
如果我有这样的网格定义：
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
网格容器是800 to宽，有什么方法可以确保网格本身只有600 to宽而不是800 to宽？
由于我不知道如何正确地解释它，我做了一个小提琴：
我正在寻找一种方法，使顶部容器的行为类似底部的容器，如果它比需要的东西要把所有的孩子放在一排。
body {
width: 800px;
background: black;
}
.grid div {
浏览 1提问于2018-03-08得票数 1
1回答
我正在练习CSS中的网格布局。我已经研究过这个语法：grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));任何人都可以描述我用来创建响应网格的这一行。
浏览 1提问于2021-09-05得票数 0
回答已采纳
我想用顺风css创建一个网格，其中第一列非常窄，第二列非常宽。通常，我发现顺风文档非常直观，但我不理解这个。使用grid-cols-{n}，我可以创建大小相等的列，但我不知道如何创建不同大小的列。我该怎么做呢？
浏览 4提问于2022-05-25得票数 1
回答已采纳
我使用的是jqGrid，autowidth选项设置为true。
根据
当设置为true时，网格宽度将自动重新计算到父元素的宽度。这只在创建网格时才能完成。为了在父元素更改宽度时调整网格的大小，应该应用自定义代码，并为此使用setGridWidth方法。
这使得网格占据了父元素中可用的所有宽度。此属性的另一个效果是，每个列都收缩以适应可用的宽度。
这个效果很好。但是，我有一页不希望列收缩以适应网格宽度，但是它们应该占用我在colModel中为它们设置的空间。
我怎样才能做到这一点？
浏览 1提问于2010-10-11得票数 23
回答已采纳
我希望有人能帮助我，我无论如何也不能理解自动适应/填充网格布局的工作原理。我知道基本的CSS，但我以前从未使用过网格布局。
我有大量带有标签的复选框项，我希望将它们排列在几列中(取决于屏幕大小)，并具有列流。
我已经设法使用了
grid-template-columns: repeat( auto-fit, minmax(200px, 1fr) );
这给了我几乎正确的结果，但只要我添加
grid-auto-flow: column;
它只输出一行和数百列。我已经尝试阅读了关于这是如何工作的文章，并且尝试了不同配置的grid-row-template和grid-column-template，
浏览 2提问于2021-01-13得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
