使css网格的行高独立相等

文章/答案/技术大牛

发布

1回答

css、css-grid

我正在尝试制作一个等高行的css网格(这是一个产品网格)。现在所有的行都是等高的，但它们应该独立地等高，这意味着不是所有的行都应该是相同的高度，只是每一行都应该是该特定行上最大列的高度。现在我的css是这样的： grid-template-columns: repeat(4, 1fr);grid-column-gap

浏览 7提问于2021-01-22得票数 0

回答已采纳

2回答

使CSS网格行高灵活

css、css-grid

我正在建立一个CSS网格布局，不知何故，我无法获得“自动”值工作的大小的行高度。 display: grid; </article> </s

浏览 2提问于2018-05-29得票数 7

回答已采纳

1回答

Chrome和Firefox中的行高不同

css

看起来像是行高的问题。我在CSS重置中有line-height:1，这似乎是导致问题的原因。但是，即使我为该元素设置了特定的行高(以像素为单位)，仍然存在差异。当我从CSS reset中完全删除line-height属性时，它确实使两个浏览器中的间距相等，但是在Chrome中橙色背景- parent -被拉伸了6个像素。有什么变通办法吗？谢谢

浏览 1提问于2013-10-27得票数 5

回答已采纳

9回答

CSS网格中的等宽列

html、css、grid、css-grid

我想让下面的html在n个相等的列中使用css网格显示行元素是否有两个、三个或更多的子元素- Flexbox使这一点变得很容易，但我不能使用css网格完成它-任何帮助都非常感谢。

浏览 2提问于2017-12-02得票数 78

1回答

我能均匀地调整网格行的大小以适应可见的内容吗？

html、css、flexbox、css-grid

我想显示一个具有相同行高的css网格，填充可见高度。网格项可以不仅仅是合适的。这里有一个图像，它应该如何工作。行高应相等，并始终填充网格的容器。如果是水平弯曲，我会知道，但我认为用flex是不可能的。row7 <div class="row"> </div

浏览 2提问于2022-08-19得票数 0

1回答

Css网格绕排列保持行高

css、css-grid

我不确定这是否可以通过css grid和/或css flexbox来解决，但我想我应该试一试，在这里问一下。但是，我还想要的是，基于该行中高度最高的单元格，行高是相等的。为了说明这一点，我在每列<e

浏览 8提问于2017-08-15得票数 0

1回答

材料设计寻找网格

ag-grid

我如何利用材料设计的特点，使之受屈？在我的angular2应用程序中，我使用了ag网格，并将类名命名为ag-material，并将行高设置为48。但是材料设计看起来不适用于我的网格。我应该在我的索引中包含任何CSS文件，否则它会从aggrid包中获取吗？这就是我如何将ag-material类应用到网格中，并在最后覆盖行高。

浏览 3提问于2016-09-03得票数 0

回答已采纳

1回答

grid pro编辑器的行高错误

css、vaadin、vaadin-grid、vaadin14

我使用vaadin 14.6.1和网格。我已经通过@CssImport使用以下css使行高更小/更密集： [part~="cell"] { min-height: 20px;} min-height: 20px;} 网格有一个带

浏览 21提问于2021-07-19得票数 1

6回答

为什么我不能降低这篇文章的线条高度？

css、font-size

无论我做什么，将line-height的值降低到17 No以下都没有效果。我可以将line-height提高到大于17 it，并且它会应用，但我不能得到它低于17 it。有关的CSS是： font-size: 13px;} 试着调整线的高度，无论是高还是低，每次变化后运行更新的小提琴，你就会明白我的意思。在CSS中的任何其他地方都没有指定li

浏览 23提问于2012-10-12得票数 69

回答已采纳

1回答

CSS网格行高

css、css-grid

我有一个由循环中的API填充的网格。我有4行5个元素。我已经能够获得正确的列宽度，但正在努力调整各个列的高度。 display: grid; grid-template-columns: repeat(2, minmax(autoclas

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

2回答

当Window.SizeToContent = SizeToContent.WidthAndHeight时，窗口内容的布局不正确

c#、wpf、xaml、size

我举了一个简单的例子。有一个工具窗口。它以Grid作为内容，有三个方面。第一个区域是包含一些文本的标签，第二个区域是TextBox，第三个区域是另一个TextBox。网格的行高分别为："*"，"30"，"*“。对于窗口，我设置了SizeToContent = SizeToContent.WidthAndHeight。当我打开它时，第一个TextBox的高度比第二个要大。当我尝试重新设置窗口时，高度会像预期的那样成比例。这

浏览 1提问于2016-05-26得票数 3

1回答

生长型GridSplitter

wpf、xaml、resize、gridsplitter、wpf-grid

100开始的行。我希望用户能够拖动任何行的边缘以使其更高，所以我在每一行中都添加了一个。 GridSplitter控件在网格中的行或列之间重新分配空间，而不更改网格的维度。上面的XAML无法工作，在拖动时没有一个行更改大小，因为GridSplitter试图从另一行获取高度并将其添加到正在调整大小的行中。因为没有一个行

浏览 5提问于2020-01-27得票数 0

回答已采纳

6回答

CSS中不同大小的文本之间的等距

html、css

如何使用CSS在不同大小的行之间获得相等的间距？下面是我的基本html： <div style="font-size: 100%">B C</div> <

浏览 4提问于2014-11-19得票数 5

回答已采纳

1回答

在正方形网格中显示图像(React + Material网格)

css、reactjs、material-ui

我使用React + [Material UI Grid][1]来显示我的图像，图像大小不同，我想：你可以看

浏览 3提问于2021-01-20得票数 0

回答已采纳

1回答

使ListView高度与网格行高度相同

c#、wpf、windows、data-binding

我想要将网格中一行的高度绑定到我的ListView的高度。遗憾的是，我无法让DataBinding发挥作用。ListView在网格中。(欢迎任何帮助:)<Grid.RowDefinitions> <RowDefinition

浏览 1提问于2018-10-04得票数 2

回答已采纳

1回答

css网格适合行高

css、css-grid

我想删除行之间毫无价值的边距，所以我希望每个div取内容高度，而不给他侧div留出空间，我尝试了所有的方法，但都没有效果。

浏览 5提问于2022-02-18得票数 0

回答已采纳

1回答

如何将嵌套的DIVs放置在具有可变行高的CSS网格中？

css、css-grid

我需要把4个div容器放在一个2乘2的矩阵中。列的宽度必须相等(因此是固定的)，而行的高度必须适应单元格的内容(因此是可变的)。</div>对应的CSS如下所示： display: grid;} 不幸的是，我的标记(我不能轻易更改)包含嵌套标记结

浏览 2提问于2021-12-22得票数 0

回答已采纳

1回答

如何将带有边框的表格与基线网格对齐

css、css-tables、vertical-rhythm

如果我有一个与我的基线网格相等的line-height，那么行高和文本换行就可以根据网格很好地工作。但如果我想要水平分隔符，它就会偏离基线。通常我会使用负边距来说明边框的高度，但这对display:table-cell元素没有任何影响。table {} border-bottom: solid 1px black;我不能将行高更改为19px来弥补它，因为这将意味着

浏览 10提问于2015-05-15得票数 3

1回答