我需要做一个网格布局，它正好有四列，并将元素向下而不是向右排序。这是我的起点： .wrapper { grid-gap: 10px; grid-auto-flow: column;.box { color: #fff; padding: 20px;8 12
4 9
浏览 21提问于2020-06-23得票数 3
回答已采纳
是否可以使用1fr作为grid-auto-flow: column的列宽度？grid-template-columns: repeat(4, 1fr)
grid-auto-flow: column我需要grid-auto-flow: column，因为<em
浏览 3提问于2022-08-03得票数 0
grid-template-columns: 1fr 1fr 1fr border: 1px solid white; grid-column: 1;}
grid-column: 2; grid-row-end: 3;}
.grid-right {
浏览 3提问于2022-11-13得票数 0
回答已采纳
我有一个css-grid元素，我想通过显式地指定每一项的列号和行跨度来放置我的网格项，同时让每一项的行号自动排序。 .grid-container { grid-template-columns: 1fr 1fr; grid-column: 1; grid-column: 2; grid-row: span 1; grid-row: spa
浏览 17提问于2019-06-19得票数 2
2回答
我正在尝试创建一个有序的多列列表，但我正在努力处理CSS网格布局规则。 grid-template-rows: repeat(5, 1em); outline: 1px solid orange;<ol> <
浏览 0提问于2017-07-02得票数 9
我试图使用display: grid来创建一个具有可变列数的布局，其中有水平和垂直溢出，第一列是一个特定的宽度。grid-template-columns: 49px repeat(auto-fill, 300px);
使第一列具有正确的宽度，并使列在300 the 之后，直到到达溢出列为止，后者忽略了300垂直滚动是实现溢出-y和指定<
浏览 4提问于2022-06-10得票数 1
回答已采纳
2回答
我想让这三个盒子彼此并排显示，同时显示相同的width of 381px
我可以在父母身上做以下的事情： display: grid我不想指定数字3，如果出现新框，我希望它是381 box 的无限列grid-template-columns(auto-fit, 381px);
但是，如果它们不适合，我不希望它们包装到下一行
浏览 1提问于2020-08-24得票数 1
回答已采纳
我有一个未知数量的项目，需要显示在一个网格。如果需要，我想要auto-fill的列数，没有行数的限制。</li> <li>d</li> <li>f</li> <li>h</li>
<&#x
浏览 0提问于2019-04-17得票数 3
回答已采纳
1回答
我有一个excel，它有一些列(比如column1、column2、column3、....so on)和行，这里的列和行数是不固定的。现在，该excel中的数据被复制并插入到某些的一个列(类型-nvarchar(Max))中，我必须从该列中获取数据，并需要以表格格式显示。如果列数已经固定，我可以轻松地转换xml中的</
浏览 2提问于2014-04-24得票数 0
9回答
CSS网格中的等宽列
、、、
我想让下面的html在n个相等的列中使用css网格显示行元素是否有两个、三个或更多的子元素- Flexbox使这一点变得很容易，但我不能使用css网格完成它-任何帮助都非常感谢。
浏览 2提问于2017-12-02得票数 78
我有下面的网格- 父级- grid-template-columns: repeat(12, 1fr); Child1 - grid-column: 1 / span 3; Child2 - grid-columngrid; grid-gap: 5px;}
grid-column: 1 / span 3;}
g
浏览 9提问于2021-03-21得票数 0
我有一个具有自动列和2行的CSS网格，其中除特定元素外的所有元素都进入第一行。特殊元素放在第二行，应该填满所有列使用的整个空间。grid-auto-flow: column; /* for visualization purposes */}
grid-row: 1; grid-row: 2;
grid-
浏览 0提问于2018-07-03得票数 1
1回答
如何将网格呈现为类似的表
、、、
需要将网格呈现为类似于表的格式，例如，我最初有两行，后面跟着css：.grid-container { grid-template-columns: auto; padding: 10px;输出我动态地添加了一个列，但它的呈现方式与其正确的下面类似，但我需要逐行呈现css中任何棘手的颜色请指导什么是实现的方式。
浏览 5提问于2019-09-20得票数 0
回答已采纳
我很难描述我在寻找什么(在谷歌上搜索) 我有动态的标志内容，它可以是3个标志，也可以是7个。我的模板需要容纳它们，它们都需要显示在等间距的一行中。例如，如果我事先知道我有3个项目，我的代码将是这样的 grid-template-columns: 1fr 1fr 1fr; 如果我事先知道我有7个项目，我的代码会是这样的 grid-template-columns那么，我该如何对此进行编码以适应动态数量的列呢？
浏览 23提问于2021-08-17得票数 1
回答已采纳
在我一直在搜索的所有文章中，它们都使用固定宽度的列，但我的目标也是使其像使用display:flex时一样“自动”。(我真不知道这些短信会持续多久。文本将通过props发送到此组件)我的目标是让display:grid自动检测它必须生成多少列(有多少个子列)，并在没有空间的情况下自动将元素包装到新行。lightgreen; display:inlin
浏览 6提问于2021-11-04得票数 2
我希望这些项目填充列，直到到达容器宽度，然后包装成行。下面是一个片段。除非取消对容器的height规则注释，否则网格项永远不会包装，但我希望容器在网格包装后适合增长/收缩。 width: 500px; background-color: blue; grid-auto-flow: column;
gr
浏览 0提问于2019-03-07得票数 1
回答已采纳
我有一个sap.ui.table，它有许多列。即使这样，该属性也适用于所有列，即我可以按下每个列的冻结按钮。
浏览 4提问于2015-08-11得票数 1
回答已采纳
1回答
我希望有一个CSS网格，它逐列呈现项目，其中没有假定最大的列数和行数。我有一些我能想出的最好的版本，尽管我希望有一些不需要的解决办法：.grid { grid-auto-flow: column;
grid-template-rows如果有比硬编码的行数更多的项，移除这将导致项目出现在不正确的列中，而使硬编码数字非常
浏览 1提问于2020-10-14得票数 1
回答已采纳
我想呈现一些标题/标题的时间选择器，以表明这是HH，MM和SS (这是小时，分钟，秒)，但无法做到。我可以只通过在选取器底部渲染的renderExtraFooter来实现它，但我需要它在时间选取器的顶部。您可以查看以下代码：
一些用户觉得很难找到小时、分钟和秒。有这样的选项会更好。
浏览 0提问于2021-02-25得票数 2
2回答
我有一个bash脚本foo，它为我提供了许多简短的输出。想想ls -1吧。为了获得更紧凑的演示文稿，我想将输出分发到多个列上，比如ls -C。我知道这样的建筑会给我一个固定数量的</em
浏览 0提问于2015-07-09得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
云直播
对象存储
腾讯会议活动推荐
腾讯云开发者
