如何使用网格创建布局
我想创建最后一个元素居中的布局。我应该使用网格,但无法将最后一个元素居中 所需视图 .box { min-width: 50px; min-height:50px; background: red; …
Tailwind CSS 网格使用 JIT 和任意 grid-template-areas 样式
根据文档,Tailwind JIT(即时)模式允许添加 任意样式。 我无法使其适用于 CSS 网格的 grid-template-areas 属性。在这个简单的例子中,我只想要左侧…
文本在 div 外部流动
我正在尝试使用 CSS 网格实现砖石布局,而且我已经完成了,但是为什么我的文本不适合我尝试 word-wrap: break-word; 的内容,参考 text-flowing-out-o…
CSS 网格:将项目放置在“至少第 2 列”中
我有以下 HTML: .special-1 始终位于第一列。 .special-2 的数量是可变的,由用户数据生成。大概是这样: .grid { display: grid; grid-template-col…
使用 css 网格重新排序 html 计算器按钮(使用 sass)
大家好,我想弄清楚为什么 CSS 网格不重新排序我的计算器按钮。我应该得到的是这样的: 7 8 9 / 4 5 6 * 1 2 3 - 0 + = del 或者我只是得到 HTML 订单…
如何防止网格容器中的间隙属性线在缩小时被擦除?
我有一个容器 div,里面有 16 个 div。 我已经应用了水平和垂直方向均为 1 px 的间隙属性。 我创建了 4 列和 4 行,因此容器为 4 x 4。 这是代码: HT…
具有固定列大小的 CSS 网格,可添加额外的列来填充容器的宽度
我有一个宽度和结果数量各不相同的网格。 网格中的每个单元格为 200x200 像素。 当网格扩展时,我希望列宽保持固定并添加新列。您可以想象网格最初有 …
CSS 网格 - 子项不居中且 ul 在变换时不扩展全角:旋转?
我从 CSS 开始,我有一个疑问,我不明白为什么要使用 . aside2,根据放入其中的文本获取宽度,而不是正文网格中指定的宽度,我想要做的是拥有 的链接…
无法使用 css grid 的 array.map 来为动态数据制作表格
尝试使用 css 网格制作一个看起来像这样的表格: 不使用动态数据和 array.map 我可以做到这一点,但是当涉及到以 DRY 方式编写时,我只是无法弄清楚。…
如何获取等高列表项的网格?
我正在尝试使用列表项和 inline-block 制作产品网格。 问题在于块的内容具有不同的高度,并且 inline-block 不能保持高度相等。 代码: #blocks ul{ l…
显示网页在双显示器上包含多个 div(每个 div 在单个显示器上)
例如,我有一个网页,其中包含使用 css-grid (divA 和 divB)的多个 div。我还有 2 个显示器(物理屏幕)。 我想将 divA 显示到第一个显示器,将 div…
- 共 1 页
- 1