我有一个这样的布局：( HTML/CSS在问题的底部) ? 现在，当网格项“一”的高度变大时，项“二”、“三”和“四”被拉伸，如下所示： ? 但我想要的是他们一起留在中心，而不是伸展，就像这样： ? 如何使用CSS Grid实现这一点？下面是HTML和CSS： .my-grid { g
浏览 33提问于2020-10-30得票数 0
回答已采纳
1回答
在下面的示例中，我希望左列元素charlie、delta、echo div为全宽度(占据两列)。注：
heightsplease 中可能有任意数量的右列.r1，.r2类型元素(零- N)，所以我不知道在右行和左行之间到底应该有多少行，当前.a (acme)受.r1的高度影响，这是不需要的！应该让独立的点击下面的“运行代码片段”按钮来查看发生了什么，下面还有一张显示我对< code >f 214</code>感兴趣<em
浏览 1提问于2020-04-01得票数 2
回答已采纳
2回答
我创建了一个1行2列的网格。第一列包含宽度为100%的img。因此，当浏览器窗口的宽度变大或变小时，行高会发生变化(这正是我想要的)。
第二列包含一个带有一段文本的div。我希望第二列中的div与第一列中的div (图像)具有相同的高度。第二栏中的文字以水平和垂直两种方式集中
浏览 5提问于2015-10-08得票数 1
回答已采纳
我的页面设置的第一行有一列，第二行被分成两列，最后一行也只有一列。
我有的Ajax手风琴在第二行的第二列，在第一列，我有我的导航导航页面在母版页上，所以它在每个页面上。我遇到的问题是，当我使用手风琴在页面上时，当我展开第一个窗格时，它会像预期的那样将其他窗格向下推，但同时，导航也会向下移动。当我把它折叠起来的时
浏览 0提问于2012-05-15得票数 1
回答已采纳
我正在使用tkinter工具包在python中构建一个计算器。问题是，当在计算器中键入文本(并将其添加到计算所需的标签中)时，窗口的整个宽度会发生变化并变得更长。我能做些什么来解决这个问题呢？下面是代码的一些重要部分：(主类继承自tk.Frame)calculationsLabel说明问题的图片：
浏览 0提问于2014-11-18得票数 1
回答已采纳
我想要网格容器保持方形。因此，当屏幕调整大小时，它会变大或变小，但它的高度将始终与其宽度相同。我想在里面放三张照片，上面的一张占两列，下面的一张是正方形的，每列一列。
}
width: 100%; object-fit: cover;}
我试着在网格中添加伪元素来保持平方比，结果发现它
浏览 4提问于2021-03-26得票数 2
回答已采纳
标题很大程度上描述了我正在寻找的东西。我已经找到了接近但不完全符合我需要的答案。我希望有人能解释如何做到这一点，或指出我的正确方向。
浏览 0提问于2017-08-03得票数 0
我需要像上面这样的引导3网格布局，它只是两列，第一列被分割成两行。Col1将保存一些文本，每一行中的列表和Col2将保存一个图像。列必须是等高的--我不能达到相同的高度。我正在使用这个css，它在其他领域很好地工作，以实现列的等高，但是这些列并没有被分割成行。overflow: hidden;
[class*=
浏览 8提问于2020-02-05得票数 0
我尝试将16个复选按钮放入框架中，将它们放在四列中，如下所示：除了列垂直对齐之外，一切都很好，因为使用的文本长度不同。如何水平对齐？
浏览 0提问于2012-03-28得票数 1
回答已采纳
我在我的网站上使用Zurb的基础12列网格，它都是构建出来的，伸缩性很好，不幸的是，我需要网站的背景是黑色的，网格中的一切都是白色的。当我将主体设置为黑色时，网格不会全高缩放，因此下面是黑色的。有没有人知道用CSS或JS使网格高度达到100%的</e
浏览 0提问于2014-02-26得票数 0
我想设置行自动高度在ag-网格-vue调整多行内容。我能够通过autoHeight: true对列中的特定列实现它。但它失去了最小高度调整的栅格。最小高度设置为:行高=“50”。如果我从列def中删除autoHeight，那么最小高度50就可以工作了。我还尝试在rowHeight中设置gridOptions：‘50 is’，但这没有帮助。当特定列有更多内容时，我希望根据内容增加行高
浏览 8提问于2022-05-28得票数 0
1回答
我正在寻找一种方法，以流动到下一列的内容时，它检测到的高度不足以满足元素。还有没有其他方式可以让我通过CSS错过？对于伪代码：
我有400px的高度容器，里面有列表元素，列表元素不是固定高度，因为一些列表比其他列表有更多的
浏览 0提问于2013-01-08得票数 0
回答已采纳
我有一个类似于我在上读到的挑战：if (snapshot.hasData) { zipCodeValue我尝试了Stackoverflow问题的其他答案，但没有解决我的问题。
任何帮助都是appreciated.Thanks
浏览 0提问于2019-08-07得票数 0
目标是向RichTextBox中添加一列段落号(数字显示该richtextbox.Document.Blocks中段落的索引)。目前，我在LayoutUpdated事件的RichTextBox中使用了这个代码块：void onLayoutUpdated(object sender, EventArgsscv.Content = grid; }}
在网格中，我添加了两列，第<em
浏览 2提问于2012-11-11得票数 0
回答已采纳
我正在尝试用可以展开和折叠的项来构建一个3x3网格。当用户单击某一项时，该项目将展开并将项目推到其下方，同一列向下，但同一行中的其他项将保持其默认高度。 grid-template-column
浏览 3提问于2021-01-20得票数 0
回答已采纳
3回答
我正在使用CSS flexbox来构建一个可伸缩的、响应式的网格。当将Google图表应用于其中一个flexbox项目时，该项目的大小会发生如此微小的变化。这足以使网格失去对齐。将Google chart应用于项目6之前的Flexbox网格：将Google chart应用于第6项后的Flexbox网格：Flexbox<em
浏览 0提问于2016-03-29得票数 16
回答已采纳
3回答
我有一个非常棘手的HTML问题，我不确定是否有基于CSS的解决方案。基本上，我有一个三列网格。第一列和第三列可以包含可变数量的行。第二列始终只有一行。每一行都有一个最小高度。因此，具有最多行的列将具有高度设置为最小高度的所有行。其他列中的行应在高度上等高扩展
浏览 6提问于2013-03-02得票数 2
回答已采纳
1回答
我有一个由3列组成的v行，其中第一列包含一个图像，使其成为最高的。行的高度与图像的高度相匹配(因此第一列也是如此)，但其他两列的高度仅与其内容相同。/v-row> <v-col cols="2" align-self="center">
浏览 24提问于2021-11-12得票数 0
1回答
我在找出如何使用网格系统来调整我的站点时遇到了很多麻烦，在我搜索的时候找不到关于这个的任何问题。我本质上希望我的站点布局像，但是当使用Bootstrap的网格系统时，比如： <div class="col s3">
....</
浏览 2提问于2015-05-24得票数 1
回答已采纳
在我提供的示例中，理想情况下，我希望第一列仅限于其文本内容(因此在列之间没有空格)。在我添加/删除项时，随着空间的增加/减少，它似乎得到了基于高度的额外空间。我找到了这个文档，这表明这是如何灵活的基础: auto 。有没有一种方法可以防止高度导致这个问题，而不完全改变实现使用flex方向或CSS网格？
DOCTYPE htm
浏览 7提问于2021-05-18得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
云直播
对象存储
腾讯会议活动推荐
腾讯云开发者
