css-grid

css-grid

文章 0 浏览 1

如何使用网格创建布局

我想创建最后一个元素居中的布局。我应该使用网格,但无法将最后一个元素居中 所需视图 .box { min-width: 50px; min-height:50px; background: red; …

橙幽之幻 2025-01-11 17:03:12 0 0

@mui 等高的网格项

使用 React @mui 包,我想创建一个项目网格,所有项目都拉伸到与最高项目相同的高度。我尝试搜索类似的问题,但没有找到有效的解决方案,并使用@mui v…

清眉祭 2025-01-11 15:19:13 1 0

Tailwind CSS 网格使用 JIT 和任意 grid-template-areas 样式

根据文档,Tailwind JIT(即时)模式允许添加 任意样式。 我无法使其适用于 CSS 网格的 grid-template-areas 属性。在这个简单的例子中,我只想要左侧…

偷得浮生 2025-01-11 13:55:51 0 0

文本在 div 外部流动

我正在尝试使用 CSS 网格实现砖石布局,而且我已经完成了,但是为什么我的文本不适合我尝试 word-wrap: break-word; 的内容,参考 text-flowing-out-o…

梦巷 2025-01-11 12:57:53 0 0

CSS 网格:将项目放置在“至少第 2 列”中

我有以下 HTML: .special-1 始终位于第一列。 .special-2 的数量是可变的,由用户数据生成。大概是这样: .grid { display: grid; grid-template-col…

萧瑟寒风 2025-01-11 09:46:35 0 0

使用 css 网格重新排序 html 计算器按钮(使用 sass)

大家好,我想弄清楚为什么 CSS 网格不重新排序我的计算器按钮。我应该得到的是这样的: 7 8 9 / 4 5 6 * 1 2 3 - 0 + = del 或者我只是得到 HTML 订单…

北方。的韩爷 2025-01-10 15:50:15 1 0

如何防止网格容器中的间隙属性线在缩小时被擦除?

我有一个容器 div,里面有 16 个 div。 我已经应用了水平和垂直方向均为 1 px 的间隙属性。 我创建了 4 列和 4 行,因此容器为 4 x 4。 这是代码: HT…

赏烟花じ飞满天 2025-01-10 02:58:33 1 0

具有固定列大小的 CSS 网格,可添加额外的列来填充容器的宽度

我有一个宽度和结果数量各不相同的网格。 网格中的每个单元格为 200x200 像素。 当网格扩展时,我希望列宽保持固定并添加新列。您可以想象网格最初有 …

捎一片雪花 2025-01-10 00:10:20 0 0

CSS 网格 - 子项不居中且 ul 在变换时不扩展全角:旋转?

我从 CSS 开始,我有一个疑问,我不明白为什么要使用 . aside2,根据放入其中的文本获取宽度,而不是正文网格中指定的宽度,我想要做的是拥有 的链接…

何以笙箫默 2025-01-09 14:26:39 0 0

无法使用 css grid 的 array.map 来为动态数据制作表格

尝试使用 css 网格制作一个看起来像这样的表格: 不使用动态数据和 array.map 我可以做到这一点,但是当涉及到以 DRY 方式编写时,我只是无法弄清楚。…

蓝眼睛不忧郁 2025-01-09 11:01:39 0 0

自动填充占用太多空间

使用自动填充时,div 的高度会被拉伸,以占据最小元素所需的空间。 示例:在电话上 -> div 具有最大的像素高度,因为它补偿了较小的宽度 在计算机上 -…

护你周全 2025-01-09 10:07:21 0 0

有没有办法在 CSS 网格中准确地列化我的布局

我正在尝试做一个正确的布局,顶部有一个标题,中间有 3 列内容,三列下面有一个页脚。我尝试使用网格模板列来分隔列,但它们仍然堆叠在一起。我还使…

云柯 2025-01-09 06:12:50 0 0

单个元素内的目标 CSS 网格列

我正在构建一个比较图表,我需要将第一列固定到左侧,将最后一行固定到视图底部,同时尊重相邻单元格的列宽和行高。 每行的高度应根据任何给定单元格…

慕巷 2025-01-09 01:27:44 0 0

如何获取等高列表项的网格?

我正在尝试使用列表项和 inline-block 制作产品网格。 问题在于块的内容具有不同的高度,并且 inline-block 不能保持高度相等。 代码: #blocks ul{ l…

明明#如月 2025-01-05 08:36:36 0 0

显示网页在双显示器上包含多个 div(每个 div 在单个显示器上)

例如,我有一个网页,其中包含使用 css-grid (divA 和 divB)的多个 div。我还有 2 个显示器(物理屏幕)。 我想将 divA 显示到第一个显示器,将 div…

牵你手 2024-12-05 13:44:32 3 0
更多

推荐作者

卷耳

文章 0 评论 0

佚名

文章 0 评论 0

℉服软

文章 0 评论 0

qq_2gSKZM

文章 0 评论 0

凉宸

文章 0 评论 0

gyhjy

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文