grid 相关问题

此标记含糊不清，请不要使用它。对于行列布局，请使用[grid-layout]。对于CSS Grid布局，请使用[css-grid]。对于HPC设置，请使用[网格计算]。对于R绘图包，请使用[r-grid]。对于多维数据，请使用[matrix]或[array]或[raster]。对于WPF网格控件，请使用[wpfgrid]

是否可以使用 CSS 网格复制经典的表格间距？

我有一个有两列的表格。其中一栏的内容比另一栏多。我想复制老式表的行为，其中可用空间大致按比例分配...

html css grid css-grid css-tables

回答 1 投票 0

如何垂直和水平居中 CSS 网格

我创建了一个 3 列 2 行的网格。但无法使其垂直和水平居中。代码位于：https://github.com/Aparnagopal/testimonials-grid-section-main 可以...

html css grid

回答 1 投票 0

如何使用 css 扩展单元格以占据网格结构中的整行？

我的页面看起来像 | 一个 | C | |-----| | | 乙| | |-----|-----| 问题陈述是如果 div A 的高度等于 ... 的高度，我如何扩展 div B 以占据整行？

css reactjs grid

回答 1 投票 0

CSS 网格与可能的内容

我有一个段落，其中包含一些文本、可能的跨度和一些：之前和之后：伪内容：没有跨度的正常内容具有跨度的附加内容... 我有一个段落，其中包含一些文本、可能的跨度和一些 :before 和 :after 伪内容： Normal content without a span Additional content with a span 我想在段落的开头和结尾调整伪内容： « Normal content without a span » « Additional content with a [span] » 我虽然一个带有 grid-template-columns 的简单网格就可以做到这一点，但我尝试的所有内容都会与附加的 span 元素混淆。怎样才能达到这样的效果呢？我应该使用 flex 来代替吗？这是一个示例片段： p { display: grid; width: 40em; grid-template-columns: 2rem ? ? 2rem; span { border: thin solid #ccc; padding: 0 0.25rem; } &:before { content: "«"; } &:after { content: "»"; } } Normal content without a span Additional content with a span 您不需要 grid 为此，使用 position: absolute 将箭头粘贴到 的两侧即可解决您的问题。此外，grid-template-columns: 2rem ? ? 2rem;是无效的CSS属性，?是无效值。 p { position: relative; width: 40em; padding-left: 30px; span { border: thin solid #ccc; padding: 0 0.25rem; } &:before { content: "«"; position: absolute; left: 0; } &:after { content: "»"; position: absolute; right: 0; } } Normal content without a span Additional content with a span

css grid pseudo-element

回答 1 投票 0

col-span 样式在顺风 css 中不起作用

我有 9 个按钮，其网格布局为 grid-cols-2 ，因此最后一个剩余按钮将被省略为 1 。所以我希望该按钮在顺风中占据第 2 栏的跨度 .btn 的代码： @tailwind基地； @

html css grid tailwind-css

回答 1 投票 0

制作两个 w3 行以适合任何分辨率下的特定 80vh

我使用 w3-css 中的网格。我的布局有两列。它们的总高度为 80vh。我的第一列有两行，它们之间的边距为 16 像素。问题：下排有一个最小...

html css grid w3.css

回答 1 投票 0

Eclipse 更改“视图”边框颜色

有没有办法改变eclipse中网格的颜色？我正在使用内置的“黑暗”主题，网格线对我来说太亮了，它们扰乱了我的视野，我有一些视觉雪花。