grid 相关问题

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

当列数组在 Angular 中更新时,Syncfusion 动态列显示空白

我在我的应用程序位置中实现了同步融合网格,我使用动态列数组来渲染列。在列内,我有一些属性,当

回答 1 投票 0

.NET MAUI 动画框架中的布局

我试图弄清楚如何在动画框架中正确显示 CollectionView 元素。 我向您展示了一些图像来理解面糊: 起始位置: 在这里我只想看到...

回答 1 投票 0

在 React 中使用 tailwind CSS 将无序列表放在一行中

以下代码片段从列表中获取项目并按字母顺序对它们进行排序。 {Object.entries(sortedGroups).sort().map(([groupLetter, groupCities]: [string, any]) => ( <> ...

回答 1 投票 0

网格中溢出的行的边框底部不可见

我正在使用网格来呈现表格。 将overflow-x应用于auto,它工作正常,但溢出的内容不会呈现边框底部。 仅供参考,无论什么标准,边框底部都是可见的...

回答 1 投票 0

需要帮助创建一个简单的 html css 网格布局

我对CSS相当陌生,不知道如何使用网格和Flexbox制作这种布局(6个盒子) (https://i.stack.imgur.com/zycwb.png) 我能想到的创建看起来像这样的唯一方法 (...

回答 1 投票 0

torch meshgrid 警告:在即将发布的版本中,将需要传递索引参数

我尝试执行 LIIF(https://github.com/yinboc/liif) 并出现以下警告: /usr/local/lib/python3.7/dist-packages/torch/function.py:445: UserWarning: torch.meshgrid: 在 upc...

回答 3 投票 0

我想自定义MUI网格高度

我是 React 新手。我想限制 MUI 网格高度。 我使用 MUI 网格将项目分为 3 个部分。我想限制页面的高度以删除浏览器滚动条。如果内容溢出...

回答 1 投票 0

使用 fipy 在坐标上定义的网格进行生物扩散的表示问题

我想使用 fipy 通过生物扩散来模拟狼群动力学。我使用了来自荷兰的数据,因此我的网格是根据坐标定义的,不再从零开始。初始条件...

回答 1 投票 0

覆盖默认样式以居中 Avada 投资组合网格

我正在此处寻找一些高级 CSS 帮助,以便将位于此页面上的作品集项目居中 [https://elysewalkerinteriors.com/interior-design-oakville/][1] 正如你所看到的,它们都出现了......

回答 1 投票 0

网格/仓库布局上离散事件模拟的可视化

我需要模拟一个仓库,其中有几辆自动驾驶车辆在给定的布局上移动,并具有简单的优先级规则。根据我的理解,这个问题可以通过离散事件模拟轻松解决......

回答 6 投票 0

在行和列之间添加垂直和水平线

我想在 gui 的行和列之间添加垂直和水平线,最好使用我选择的颜色选项。我尝试四处询问,但没有得到对我有帮助的答案......

回答 1 投票 0

如何将卡片列表的高度设置为100%?

我有一个网格卡列表,但我无法设置它们的高度,请帮助我 设置卡片列表的高度不起作用,虽然我也设置了父元素的高度 我有网格卡列表,但我无法设置它们的高度,请帮助我 设置卡片列表的高度不起作用,虽然我也设置了父元素的高度 <div class="desc-grid__body cards-grid"> <ul class="cards-grid__list"> <li class="cards-grid__item"> <div class="cards-grid__short-card short-card"> <p class="short-card__content"> <span class="short-card__lable">Более</span> <span class="short-card__title">16 лет</span> <span class="short-card__desc">экспертизы</span> </p> </div> </li> <li class="cards-grid__item"> <div class="cards-grid__short-card short-card"> <p class="short-card__content"> <span class="short-card__lable">Более</span> <span class="short-card__title">10 000</span> <span class="short-card__desc">заявок ежедневно </span> </p> </div> </li> <li class="cards-grid__item "> <div class="cards-grid__short-card short-card"> <p class="short-card__content"> <span class="short-card__lable">Более</span> <span class="short-card__title">1 000</span> <span class="short-card__desc">Компетентных специалистов</span> </p> </div> </li> <li class="cards-grid__item"> <div class="cards-grid__short-card short-card"> <p class="short-card__content"> <span class="short-card__lable">Более</span> <span class="short-card__title">24 / 7 / 365</span> <span class="short-card__desc">управления сервисными работами</span> </p> </div> </li> </ul> </div> 您是否尝试过为 .cards-grid__item 提供高度? 只需添加.cards-grid__item { height: 100px; background:red;}即可工作 .cards-grid__item { height: 100px; background:red;} <div class="desc-grid__body cards-grid"> <ul class="cards-grid__list"> <li class="cards-grid__item"> <div class="cards-grid__short-card short-card"> <p class="short-card__content"> <span class="short-card__lable">Более</span> <span class="short-card__title">16 лет</span> <span class="short-card__desc">экспертизы</span> </p> </div> </li> <li class="cards-grid__item"> <div class="cards-grid__short-card short-card"> <p class="short-card__content"> <span class="short-card__lable">Более</span> <span class="short-card__title">10 000</span> <span class="short-card__desc">заявок ежедневно </span> </p> </div> </li> <li class="cards-grid__item "> <div class="cards-grid__short-card short-card"> <p class="short-card__content"> <span class="short-card__lable">Более</span> <span class="short-card__title">1 000</span> <span class="short-card__desc">Компетентных специалистов</span> </p> </div> </li> <li class="cards-grid__item"> <div class="cards-grid__short-card short-card"> <p class="short-card__content"> <span class="short-card__lable">Более</span> <span class="short-card__title">24 / 7 / 365</span> <span class="short-card__desc">управления сервисными работами</span> </p> </div> </li> </ul> </div> 希望你能得到你想要的东西.. 谢谢...

回答 1 投票 0

响应式引导网格

我正在制作引导网格,我遇到了问题,我现在不知道如何修复。基本上在移动视图中,我需要第二个块位于第一个块旁边,但我真的不知道该怎么做。那...

回答 1 投票 0

如何使 StringGrid 的列适合网格的宽度?

我一直在寻找解决方案,但没有任何运气。有谁知道一个简单的方法来做到这一点?例如,我想拉伸网格的第二列以适应网格的宽度!

回答 5 投票 0

grid.js Grid & ASP.NET Core 6.0 MVC 添加日期过滤最小值和最大值

如何使用 Razor 和 grid.js 网格在 ASP.NET Core MVC 中创建日期过滤?场景是:渲染grid.js网格。但将创建一个带有按钮的日期控件。单击按钮时,它应该更新...

回答 1 投票 0

为什么显示网格中的 div 框不能缩小以适应父容器?

我有一个带有 div class="insights" 的主标签,该标签又包含三个 div。使用显示网格,我想实现这三个 div 水平相邻的布局。

回答 1 投票 0

新行未显示在当前行下方

我试图将 Id='controls' 的 div 放在新行上,但它出现在第一行中的图像上方。我正在使用 bootstap 5。布局应该是...

回答 1 投票 0

矩阵字母突出显示

我正在开发一个 JavaScript 项目,我需要创建一个在表格中显示的字母矩阵。我想实现一个功能,用户可以输入文本以及矩阵中的字母

回答 1 投票 0

为什么实时服务器会注入这些JavaScript代码

我正在尝试创建网格布局,但实时服务器正在网页中注入这些代码...... // 我正在尝试创建网格布局,但实时服务器正在网页中注入这些代码... // <![CDATA[ <-- For SVG support if ('WebSocket' in window) { (function() { function refreshCSS() { var sheets = [].slice.call(document.getElementsByTagName("link")); var head = document.getElementsByTagName("head")[0]; for (var i = 0; i < sheets.length; ++i) { var elem = sheets[i]; head.removeChild(elem); var rel = elem.rel; if (elem.href && typeof rel != "string" || rel.length == 0 || rel.toLowerCase() == "stylesheet") { var url = elem.href.replace(/(&|\?)_cacheOverride=\d+/, ''); elem.href = url + (url.indexOf('?') >= 0 ? '&' : '?') + '_cacheOverride=' + (new Date().valueOf()); } head.appendChild(elem); } } var protocol = window.location.protocol === 'http:' ? 'ws://' : 'wss://'; var address = protocol + window.location.host + window.location.pathname + '/ws'; var socket = new WebSocket(address); socket.onmessage = function(msg) { if (msg.data == 'reload') window.location.reload(); else if (msg.data == 'refreshcss') refreshCSS(); }; console.log('Live reload enabled.'); })(); } // ]]> 如何处理这个问题; 为什么会发生这种情况? 实时服务器会在您的网站中“注入”代码以正常工作,如果您打开 html 文件,您会看到它没有保存,并且只是在您使用扩展程序时暂时存在 我刚刚经历过这个问题。尽管OP似乎没有对这个问题提供任何澄清。在我的情况下,我添加了一个自闭合的 <textarea /> 元素,而不是完整的 <textarea></textarea> 集。 当我刷新时,实时服务器崩溃并将 OP 上共享的 JS 代码注入到 textarea 元素内。 这是一个屏幕截图。 要解决此问题,请检查您的元素是否正确关闭,更准确地说是否有任何文本区域元素。 就我而言,当 style.css 出现错误(将行复制到错误的位置)时,就会发生这种情况 * { display: flex; } 我将此行移动到正确的位置后,来自 Live Server 的消息消失了。 我的代码也有同样的问题。我在 chrome 浏览器检查中显示了标签,但实际上该页面没有在 vs code 原始 html 中包含该标签。该标签会影响我的 css 样式,尤其是在“a”和“nav”栏上。我想删除标签,但找不到该选项。我怎样才能解决这个问题 ?请帮助我

回答 4 投票 0

响应式网格,响应式调整大小以适合父div,保留父div自己的响应高度

我需要一个正方形网格,可以响应式(页面调整大小)填充其父 div,但不会扩展。 我的基本结构如下,父 div 位于页面高度的 50% 处。我想要网格...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.