尝试获得正确的CSS网格布局
CSS网格布局是一种用于网页布局的强大的CSS模块，它提供了一种灵活且强大的方式来创建网页的栅格系统。通过使用CSS网格布局，开发人员可以轻松地将网页划分为行和列，并将内容放置在这些行和列中。
CSS网格布局的主要特点包括：
- 灵活的布局：CSS网格布局允许开发人员创建具有不同列数和行数的网格，以适应不同的布局需求。开发人员可以定义网格的列宽、行高和间距，以及每个单元格的位置和大小。
- 响应式设计：CSS网格布局可以轻松实现响应式设计，使网页在不同的屏幕尺寸和设备上都能良好地呈现。通过使用媒体查询和自适应单位，可以根据屏幕大小和方向自动调整网格布局。
- 灵活的对齐和定位：CSS网格布局提供了丰富的对齐和定位选项，开发人员可以轻松地将内容水平或垂直居中，以及在网格中进行对齐和定位。
- 简化的HTML结构：CSS网格布局可以帮助开发人员减少HTML结构的复杂性。通过使用网格容器和网格项，可以将网页内容直接放置在网格中，而无需使用额外的容器或布局元素。
CSS网格布局适用于各种应用场景，包括：
- 响应式网页设计：CSS网格布局可以轻松实现响应式网页设计，使网页在不同的屏幕尺寸和设备上都能良好地呈现。
- 多列布局：CSS网格布局可以用于创建多列布局，例如新闻网站的文章列表或产品目录。
- 网格导航菜单：CSS网格布局可以用于创建网格导航菜单，使用户可以快速导航到网站的不同部分。
- 网格表单布局：CSS网格布局可以用于创建复杂的表单布局，使表单元素在网格中对齐和定位。
腾讯云提供了一些与CSS网格布局相关的产品和服务，包括：
- 腾讯云CDN：腾讯云CDN可以加速网页的加载速度，提供更好的用户体验。
- 腾讯云Web应用防火墙（WAF）：腾讯云WAF可以保护网站免受恶意攻击，提高网站的安全性。
- 腾讯云云服务器（CVM）：腾讯云CVM提供可靠的云服务器实例，用于托管网站和应用程序。
- 腾讯云对象存储（COS）：腾讯云COS提供高可靠性和高可扩展性的对象存储服务，用于存储网页和静态资源。
更多关于腾讯云产品和服务的信息，请访问腾讯云官方网站：https://cloud.tencent.com/
相关·内容
我是一个新手谁想学习布局设计的html。
从我学到的是，我们应该使用DIV和css样式。
但是，当我搜索时，我发现了CSS3 2D网格布局的新草案：
这个CSS模块定义了一个基于二维网格的布局系统，并为用户界面设计进行了优化。
和
它擅长于为应用程序的主要区域划分空间，或根据由HTML原语构建的控件各部分之间的大小、位置和层定义关系。
从它和他们所拥有的图表来看，它似乎更适合于布局设计。
有没有人使用这一点，并可以建议，如果一个人应该花时间学习这个新的2D网格，而不是花时间来学习使用DIV进行布局设计的目的？再一次，我对HTML非常陌生，并试图要求选择正确的学习对象。
添加
浏览 3提问于2013-05-18得票数 0
回答已采纳
2回答
在从4.2.1升级到ExtJS 5之后，我发现了一个网格单元格宽度计算问题或似乎是一个问题。
下面是列的示例
columns: [
{ header: 'One', dataIndex: 'one', flex: 2 },
{ header: 'Two', dataIndex: 'two', flex: 2 },
{ header: 'Three', dataIndex: 'three', flex: 3 }
]
标头按预期填充网格宽度，但网格单元格宽度不等于标头的数量分别为
浏览 2提问于2014-07-24得票数 2
回答已采纳
我想用QT Creator 4.9.1做一个GUI，我的目标是将我的主窗口分成5个区域(没有多个窗口)，我的问题是我如何才能意识到这一点，或者更好的是，最好的布局解决方案是什么？
我已经尝试设置一个数据网格并在网格5帧内添加，问题是第一个框架的大小和我的整个数据网格一样大，我不能调整它的大小。
我的下一次尝试是在我的GUI上添加5个不同的数据网格，但我不能在QT中设置数据网格的大小，比如wpf或表单。
我最后一次尝试，我现在的解决方案是没有任何布局，我在我的主窗口中添加了5个fame，但这不是一个好的解决方案。
在visual studio中，我意识到使用数据网格，我为每个菜单创建了
浏览 111提问于2019-06-26得票数 -1
回答已采纳
1回答
我试图使用CSS Grid实现这样的布局：
Header和Sub 1、Sub 2等都是固定的，因此唯一增长的部分是动态行，只要用户单击“added”，就会添加一个新行。所有这些都需要正确地对齐。我正试图使用CSS Grid来实现这一点，或多或少使用以下标记：
<div class="containter">
<div class="header"></div>
<div class="subheaders"></div>
<div class="row
浏览 3提问于2020-09-17得票数 0
回答已采纳
2回答
我正在尝试制作一个棋盘(8x8网格)，并用背景方块填充它，但它总是显示为一个由空方块组成的网格。该图像名为emptysquare.jpg，但它确实有背景色。
如何正确地将图像添加到网格上的JButton？
浏览 0提问于2013-03-16得票数 0
回答已采纳
什么CSS网格系统做的很快，而我们不能没有他们？
我工作的自由职业项目从各种资源和Photoshop文件(PSD)我得到的不是基于网格或没有使用相同的网格宽度和列，排水沟。我没有和设计师直接沟通。我只得到设计文件直接从客户或其他自由职业者/分包商。我擅长为PSD制作HTML，而不用任何网格也与IE兼容。
这些天来，twitter引导程序在社区中很流行，它基于940 in宽度网格和其他功能，也适用于按钮和jquery插件。
我的问题是专门针对网格的使用。它如何减少我们的开发时间，而不限制我们在任何事情上与我们通常的方法，特别是当设计师在遥远的位置，我没有直接连接到他们，甚至我不能强迫他们使用任何
浏览 5提问于2012-02-01得票数 2
回答已采纳
假设在about页面上有3列网格，在主页上有4列网格，css架构中的哪个文件应该放置这些样式来布局这些页面，每个页面都应该有一个布局css吗？
浏览 0提问于2016-01-18得票数 1
1回答
我是一个初学者，仍然不能理解类型的布局，整个布局架构的CSS。这看似微不足道，但很难在互联网上搜索。我见过的所有网站都将CSS布局划分为固定(或静态)、Fluid (或and )和Responsive。例如，网格和柔性盒是一种没有分类的外星人。
我在这里想的是：
响应型或非响应型-固定和流体布局
响应性-网格-固定布局，网格-流体，挠曲盒
我说的对吗？有人能为我们的日子解释一下有效的分类吗？
浏览 5提问于2015-12-06得票数 3
网格系统是用网格组件实现的。它使用CSS的柔性盒模块来实现高度的灵活性。
为什么material不使用显示网格，因为它使用display？
浏览 1提问于2021-11-21得票数 0
我使用的是中概述的网格B。我想知道在不使用javascript/jquery的情况下，是否可以使用css媒体查询从Grid转换为Grid？
浏览 1提问于2014-08-08得票数 1
回答已采纳
(alpha.7)还没有像那样的响应式网格组件。bootstrap中的布局/网格系统允许创建响应式布局(不需要编写涉及自定义媒体查询的css和计算断点的像素值)，这是非常有用的。
我注意到在material2项目中包含bootstrap css时，material2组件的页边距/填充存在问题。例如：md-card组件开始重叠。
有没有办法让这两个库很好地结合在一起？
或
在material2中，有没有办法在不包含bootstrap css的情况下获得像响应式布局/网格这样的bootstrap呢？
浏览 25提问于2016-08-20得票数 6
我在我的项目中有一个小组，其中有一个网络网格。面板有一个最大化的功能，所以我给了网络网格的宽度和高度为100%，因为它的宽度和高度的变化。我在网络网格中显示了20行，滚动显示良好...现在我的要求是我的标题应该是固定的，用户可以滚动内容。我参考了很多博客。在一些博客中，我们给出了"th“和"td”元素的固定宽度，但在我的场景中这是不可能的(因为我已经以%的智慧给出了宽度)。
grid.Column("EquipmentManfacturer", header: "Warranty Provider", style: "column5&
浏览 0提问于2012-03-27得票数 1
回答已采纳
1回答
我正在使用自动修复与邮政和webpack的一个项目。我也使用CSS网格。然而，我注意到当我构建我的代码时，css网格的ms前缀不起作用。
这是我的postcss.config.js，它正在为诸如柔性盒之类的东西工作。
如何启用CSS网格支持？
module.exports = {
plugins: [
require('autoprefixer')
]
}
浏览 3提问于2017-11-15得票数 4
最近，我已经转换为网格布局，我发现自己正在查看越来越多的网站代码，发现网格仍然严重不足。
虽然我承认网格可能并不总是适用于每一种网页设计情况的唯一正确的解决方案，但我认为它们是一种应该看到比目前更高的采用率的工具。
我想，如果我早点了解设计方法，我就会节省大量的时间和精力。但是网格似乎没有CSS标准所具有的那种曝光率。为什么会这样呢？这是不是一些人可能会错过的一个问题，这个设计方法可能是他们正在工作的问题的更好的解决方案？
浏览 0提问于2009-07-06得票数 2
回答已采纳
在尝试使用packery和draggabilly创建可排序的项目网格时，我遇到了一个问题。
我也尝试过jquery ui dragabble，但问题仍然存在。当我拖放项目时，可能会打破垂直对齐，这样项目就会沿着行的一部分“捕捉”。这也打破了项目的顺序。
如果水平拖动一个项目，它会对齐到位并正常对齐。如果垂直拖动，可能会丢失对齐，它不会正确地捕捉到适当的位置。最后一项的位置也会改变。
有没有人能建议我做错了什么？
var container = document.querySelector('#container');
var packery = new Pack
浏览 0提问于2014-08-08得票数 6
1回答
我需要一些帮助来更好地理解布局。我看了一些截屏视频和示例等，但我无法完成我需要的事情，我认为我没有正确地理解一些事情。
我想创建一个页面与顶部的网格与100%宽度的视口。(实际上，在我的实际页面中，它位于特定的div中，但我们假设...)然后在这个网格下面，我需要一个TreePanel在左边的宽度的1/3和其他2/3的第二个网格。
我正在尝试使用TableLayout，这样我就可以让第一个网格跨越第一行和第二行上的两列，树和第二个网格一个接一个。
我有我的顶部网格和页面上的树，但顶部网格的高度不是自动计算的，无论有多少行，它都只有几个像素高，如果我调整浏览器窗口的大小，网格上不会出现水平滚动条
浏览 0提问于2010-05-22得票数 1
回答已采纳
1回答
如何在2栏中动态构建内容
、、、
我正在尝试将一些帖子内容动态地放在两栏中，但我找不到正确的方法，你能帮我一点忙吗？ 以下是我正在尝试做的事情 Expectation 我尝试过网格，但它创建了行，由于网格行的位置，它以间隙结束，我不能使用网格区域，因为这是动态内容，所以我不知道它们什么时候会变大或变小 Reality
浏览 14提问于2020-12-21得票数 0
回答已采纳
我正在开发一个web应用程序，这不是一个信息进行网站，如博客，或新闻页面或任何其他网页的内容很重要。我在一个应用程序上工作，这是一个工具，因此将有多个界面元素:数据网格，按钮，输入字段等。
其中一位设计师告诉我，使用'css网格框架‘使我的设计基于一些网格是一个很好的做法，但是我有疑问，因为如果我正确理解网格，我将会困惑地说，每列40px，如果我有2 x 15px的按钮，那么我将很难在40px的’cell‘中把它们放在一起……
在我看来，网格浪费了很多空间，对大块的信息来说是好的，但对许多小元素来说就不好了……我说的对吗？
请让我知道使用网格是否总是一种好的做法，或者有没有这样的情况，
浏览 0提问于2012-11-27得票数 0
回答已采纳
1回答
我试图使用CSS网格垂直对齐无序列表。我得到了这样的东西：
*A*******
*B *
*C*******
*********
* *
*********
*********
* *
*********
正如您所看到的，网格模板行是正确的，但是列表项没有正确地放置在其中。我搜索过这个问题，但没有得到任何结果(大多数“网格”是使用CSS网格以外的方法完成的)。
.aside{
padding: 20px;
box-sizing: border-box;
border:1px solid black;
border-radius: 5px;
浏览 1提问于2018-01-14得票数 2
回答已采纳
我正在学习CSS，但无法获得想要的布局使用Flexbox和CSS网格的附加按钮。
我同时练习Flexbox和CSS。问题是，如果HTML文档中已经包含了按钮标记，CSS就能正常工作。但是，CSS并没有使用Javascript/dom来处理附加到li标记的按钮。同样的问题发生在Flexbox和CSS网格中。
// original HTML file used
<body>
<h1>Shopping List</h1>
<p id="first">Get it done today</p>
<
浏览 1提问于2019-02-02得票数 0
回答已采纳
1回答
引导图像网格对齐
、、、、
我在一个带有滤镜的图片库中工作。我使用了一个有3列的Bootstrap网格。除了高度不同，我的图像宽度都保持不变。
我附上了它是如何显示目前的图片。
而是我需要的样子：
注意:我还没有为图像网格编写任何CSS。
浏览 1提问于2017-07-26得票数 0
我很难弄清楚如何更改Ext网格(或任何Ext小部件)的宽度和高度。它们似乎总是保持在固定的高度和宽度。以前有人这样做过吗？我只是想得到一个概念的证明，这个概念是为对照其他JavaScript UI框架评估这个框架而构建的。
下面是我现在正在玩的例子：
网格中有不同的div标记，但不幸的是，这些列和数据是通过JavaScript动态生成的，您无法通过查看HTML源代码来查看标记。下面的div标记是围绕网格列和数据的4个组件。我可以在Firebug和Google开发工具中更改样式，但不能在实际的CSS中更改。
组成Ext网格的DIV HTML标记：
gridpanel-1010_header
t
浏览 0提问于2012-04-27得票数 0
回答已采纳
1回答
如何在react中创建网格？
、、、、
我正在尝试创建一个简单的网格，是统一的。由于某些原因，我的网格在行之间有这种奇怪的间距。到目前为止，我的网格如下：
我正在创建一个网格，如下所示：
const grid = [];
for (let row = 0; row < GRID_ROW_LENGTH; row++) {
const currentRow = [];
for (let col = 0; col < GRID_COL_LENGTH; col++) {
currentRow.push(newNode);
}
grid.push(currentRow);
}
其中node只
浏览 17提问于2020-05-06得票数 1
回答已采纳
1回答
包含两个组件数据的窗口，即搜索组件和结果组件。根据搜索标准，结果将显示在“搜索标准”组件下方的“结果”组件的“网格”中。现在，我正尝试通过css样式仅打印ag-grid数据。在css中，除了agGrid，其余的正文和所有内容都被隐藏。但问题是结果网格内容是隐藏的，但搜索标准内容仍然可见，并被网格数据覆盖。那么如何从结果组件中隐藏搜索条件内容。 这是我的css in result组件： @media print {
body * {
visibility: hidden;
}
#myGrid, #myGrid * {
visibility: v
浏览 10提问于2019-01-23得票数 0
CSS非常新，多年来我做了一些非常基本的工作，但是我想为我的Drupal产品页面找到一个设计的解决方案。我试过搜索，但这就好像因为我是自学的，所以我不知道该找什么词。
这是我想要设计的布局(附件)。
因此，我想要的基本上是一个2列布局与3列标题，是位于主要部分。我应该/可以用网格来完成这个任务吗？我不太确定我应该寻找什么来理解如何实现这一目标。对于网格，我唯一关心的是，我不能将侧栏包含到一行高度。有人能给我指明正确的方向吗？
非常感谢！
浏览 2提问于2015-04-04得票数 0
回答已采纳
1回答
我最近开始使用css网格来创建一个网站的布局。我为主页做了一个漂亮的模板。当我开始开发网站并添加页面时，我很快意识到，我需要为每个页面的内容建立一个网格。虽然这不是一个大的问题，这个项目只有3-4页，我可以看到这变得很难管理与更大的网站，有不同的布局为每一页。
使用网格似乎迫使您为每个页面的内容编写css，而不是仅仅使用像引导中的标记。网格可以不用为每个页面编写css吗？
一个例子是一个网站，它有主页内容的布局，有表单的页面布局，列出文章的页面布局，文章本身的布局，等等。我已经有至少5个不同的网格需要维护。
浏览 0提问于2018-04-10得票数 1
回答已采纳
3回答
CSS网格布局:三行网格
、、、
我很好奇是否可以使用Grid布局CSS来创建这样的东西：
************************
* row #1 *
************************
* *
* *
* row #2 *
* *
* *
************************
* row #3 *
*********************
浏览 6提问于2013-12-31得票数 0
回答已采纳
前提
CSS Grid的一个优点是能够像这样在网格上自由地放置DOM元素：
<body>
<nav>navigation</nav>
<main>main content</main>
<aside>sidebar</aside>
<footer>footer</footer>
</main>
body {
display: grid;
grid-template-columns: 7fr 1fr;
grid-auto
浏览 3提问于2020-09-21得票数 1
回答已采纳
2回答
有没有一种简单的方法可以给没有内容的CSS网格添加边框？假设我制作了一个3行4行的网格：
CSS
.container {
display: grid;
grid-template-rows: 200px 200px 200px;
grid-template-columns: 25% 25% 25% 25%;
}
HTML
<div class="container">
</div>
我如何可视化整个网格的布局，而不需要用子容器填充它，这些容器都有自己的边框？谢谢。
浏览 0提问于2020-06-06得票数 0
创建了。
当它在桌面和全屏上时，输出很好，但是当浏览器窗口的大小很小时，一个网格就会与另一个网格重叠。
我希望网格的高度是100%，这样我就可以把我的内容放进去，当屏幕很小的时候，一个网格应该占据整个屏幕，也就是说，不超过整个屏幕的高度减去顶部的肚脐。
不确定，但可能是因为下面的css代码。但是如果我删除这些css代码，我就不会获得全屏网格。这意味着它看起来像下面
CSS：
.mat-drawer-content {
position: absolute !important;
}
.mat-grid-list {
height: 100%;
}
.mat-grid-lis
浏览 0提问于2018-11-20得票数 2
回答已采纳
1回答
ExtJS网格未正确呈现
、、、、
我有一个网格，当我加载页面时，有时它不能正确呈现。这很烦人，我正在尝试一种解决方案来强制它正确呈现。
所有数据都可以，但有时不能正确呈现。
这只是我第一次加载栅格的时候，因为之后它会正确地渲染。下面是正确渲染的栅格：
这是当我第一次加载网格时，它有时会给我的渲染错误。
我已经尝试了所有这些修复，但都不起作用：
grid.getView().refresh();
---
grid.columns[2].setVisible(false);
grid.columns[2].setVisible(true);
---
grid.getStore().filterBy(function() { r
浏览 2提问于2016-04-17得票数 0
我使用的是SMACSS (CSS的可扩展和模块架构)：
具体来说，我使用的是雅虎的纯CSS (SMACSS)框架(只是网格样式表)：
在模块中放置网格正确吗？
例如，下面是“foo”模块中的一个网格。foo模块应该显示由三项组成的行。
<div class="foo">
<div class="pure-g">
<div class="pure-u-1-3 foo-thumbnail">Eat</div>
<div class="pure-u
浏览 4提问于2014-01-22得票数 4
回答已采纳
所以我今天学习了CSS网格，我有一个问题，我找不到答案。在我创建的网站中，我使用了HTML表格，因为我还不知道css网格。现在我已经了解了它们，我可以看到网格在布局和样式上更加有用和灵活。
使用HTML表，我可以让它在Google Chrome等浏览器中看起来很完美，但然后我在FireFox中测试它，它会稍微移动我创建的div。
如果我使用网格系统进行布局，并将所有内容放入其中，而不是使用HTML表，然后在css中使用fr，它会在web浏览器中保持相同的布局吗？对我来说似乎是这样的，因为无论你使用的浏览器窗口大小或类型如何，fr都会保持网格使用100%的页面大小。
如果我的要求没有太多意义，我
浏览 28提问于2018-09-30得票数 0
回答已采纳
我正在尝试在我的网站上做一个部分，以显示一张图片和一个段落，标题取决于所选的按钮。例如，通过单击午餐，将显示午餐选项，而默认早餐选项将消失。
我一直使用CSS网格和javascript来实现这一点，然而，当我点击按钮时，CSS网格丢失了，我不确定为什么。我使用display none和block来显示和隐藏每个部分。
<code>A0</code>
<code>A1</code>
<code>A2</code>
<code>B3</code>
<code>B4<
浏览 27提问于2019-03-27得票数 3
回答已采纳
dojo中是否有CSS网格框架，如960gs或prototype grid system？我找过了，但什么也没找到。
谢谢
浏览 0提问于2012-02-11得票数 2
回答已采纳
我正在尝试通过使用CSS Grid来模拟的页面。引用的页面有两列。左侧列包含链接，右侧列是每个链接的目标框架；单击链接时，该链接的内容将在右侧列中打开。
我已经研究了该页面背后的代码，我有一些问题：
我想使用CSS Grid创建一个类似的两列布局。我不能从css代码中判断该页面是使用css网格还是其他布局方法。如何打开左列中的链接在右列中打开？我已经被告知，没有办法只使用CSS (参见)来指向另一个带有超链接的CSS Grid单元格。这种效果是通过JavaScript还是jQuery实现的？如果是这样的话，怎么做呢？
所以总结一下，他们如何做到这一点，我能对CSS网格布局单独使用CSS或Jav
浏览 36提问于2018-08-18得票数 1
回答已采纳
1回答
我们正在考虑在我们的web应用程序中使用。我的问题是，它似乎不能很好地发挥流体(也就是。liquid) CSS布局--它似乎喜欢每一个预定义的宽度。事实上，对列的自动宽度特性发出了警告，我尝试为表本身使用动态宽度和高度的尝试也失败了。
有没有人使用这个布局流畅的组件？还有没有其他JavaScript数据网格组件能做得更好(我们需要分页和单元格编辑)？
或者这个问题在JavaScript和CSS呈现的上下文中太难解决了？
浏览 0提问于2010-01-07得票数 1
回答已采纳
我已经搜索过了，但找不到关于如何做到这一点的权威指南。我有一个普通的angular 5应用程序，它使用VMware clarity ui，我使用angular-cli和css生成它。我想在这里更改网格中的响应断点：
我认为这将是VMware的clarity网站上记录的一项常见任务，但我没有任何运气来拼凑如何做到这一点。
我的.angular-cli.json样式部分如下所示：
"styles": [
"../node_modules/@clr/icons/clr-icons.min.css",
"../node_modul
浏览 0提问于2018-09-29得票数 1
我正在尝试将自定义网格数据导出到csv文件。它在所有网格数据情况下都工作得很好，但当我选择行并试图导出它时，它会导出所有网格数据，而不是特定的记录。
我使用下面的代码来导出网格数据。
class ExportCsv extends \Magento\Backend\App\Action
{
/**
* Default file name
*/
const FILENAME = 'registration_code.csv';
/**
* @var Magento\Framework\App\Response\Htt
浏览 6提问于2018-03-29得票数 1
1回答
我正在寻找一种类型的网格控件，将允许用户输入值并将其保存到数据库中。DataGrid的问题是，如果已经没有来自数据库的数据，网格将不可见。在我的应用程序中，用户应该看到一个空的网格，并且能够用他的数据填充它，然后保存它。当用户移动到最后一行时，新行也应该自动添加。我可以使用数据网格，但以某种方式设置一个允许这种功能的属性吗？我应该使用另一个控件吗？非常感谢您的建议。
浏览 0提问于2010-04-09得票数 1
2回答
我使用的是jqGrid版本4.4.1。我需要在页面上创建x数量的网格。第一个网格以可见块的形式输出，而其他网格则以以下格式输出
<div style='display:none'>
//My jqGrid output
</div>
在可见的div中输出的第一个表具有正确的宽度：
<div class="ui-jqgrid ui-widget ui-widget-content ui-corner-all" id="gbox_table0" dir="ltr" style="width: 92
浏览 1提问于2013-01-02得票数 4
我听说过的关于blueprint css的一个论点是，它让你从网格而不是浮点数的角度来考虑布局。这对我来说似乎是一个很大的优势，因为我总是对我的浮动会在哪里结束感到困惑--有时一个浮动会意外地落在其他一些浮动之下，而我很难弄清楚如何重新定位所有的东西。这让blueprint css对我来说是一个很好的选择吗--或者我应该把时间花在学习如何正确使用浮动并手动完成所有布局上？
浏览 0提问于2009-06-27得票数 1
回答已采纳
我正在使用Susy的图库工具以网格格式显示元素。角是隐藏或显示这些网格元素的动态，取决于用户的选择。当角隐藏在网格中的一个元素时，它将一个ng-hide类附加到网格中。这反过来将它的CSS设置为display:none !important。
问题是，Susy正在计算每个元素的位置，而没有考虑到设置为display:none的项--当这些元素被隐藏时，它在网格中留下了空白。
是否有可能让苏西在放置隐藏元素时忽略它们？
我尝试过使用:not() CSS选择器，但没有成功--布局中仍然存在空白：
.results__result:not(.ng-hide) {
@include galle
浏览 2提问于2014-12-02得票数 0
回答已采纳
1回答
我试图为使用液态模板语言的电子邮件模板创建一个3列网格。
很多用户使用Outlook。我试着用一个表格来显示网格的工作状态，但是我不能让图像看起来很好。我要么使用不呈现在Outlook中的CSS命令，要么它看起来非常糟糕。
这是在Outlook中工作但不会呈现的内容：
<td>
<div style="padding: 5px;">
<img style="width: 100%; height: 150px; object-fit: contain; object-position: center;" src="
浏览 1提问于2020-06-16得票数 0
回答已采纳
1回答
国际象棋游戏多JPanels
、、、、
我一直在尝试使用swing JPanels和GridLayout为每个面板创建一个棋盘，如图所示。
黄色是死板的位置，红色是主板。
我试着在每个面板上设置3个网格布局；我怎样才能让它们在图片中看起来像这样？
浏览 1提问于2015-12-30得票数 0
我正在使用引导程序，并在一个网格视图中为分页提供了一个自定义css链接，所有CSS工作都来自这两个页面，我的母版页有以下内容：
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
在aspx页面中，我看到了一些类似于..。
<asp:GridView ID="grid_view_search" runat="server" o
浏览 4提问于2015-05-06得票数 4
回答已采纳
2回答
我用超文本标记语言做了一个网格布局，这就是我目前所拥有的：。
附件中的屏幕截图是我正在尝试做的，我真的不确定我是否采取了正确的方法。我应该如何将右下角的宽框放到正确的位置？
浏览 4提问于2011-11-28得票数 4
回答已采纳
我想在我的视图中有一个10X10的按钮网格。
我正在使用集合视图来创建这个网格。我正在尝试使用自动布局，这样即使我更改了设备的方向，整个10X10网格也是可见的。
我确保它是10X10网格的方法是根据帧大小计算按钮大小。但是如果我使用autolyout，当我填充集合时，我将不知道视图的大小，因此我可以将按钮大小设置为正确的大小。
有什么办法可以解决这个问题吗？
浏览 0提问于2017-04-08得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
