CSS 网格规范的变通方法
问题
大家好， 我想知道有没有人用过新的 CSS 规范布局 CSS Grids; 如果使用 display：grid，包含 display：grid 下属于 display：flex 的网格项目，效果很好。 我遇到的问题是，当使用导入/编辑插件并通过 display：grid 添加 CSS 网格时， 编辑器接受它，但会覆盖网格区域（网格项目，包括flex项目）和网格模板区域（主网格包装器）——解决方法是全部转换： 网格模板区域和网格区域到网格列和网格行 （使用命名行） 通过这样做，例如在以下3 x 3网格（3列乘3行）中即可工作： 如果你通过导入/编辑插件添加以下内容： .mainGrid { display：grid; grid-template-columns： [col11start] 1fr [col2start] 2fr [col3start] 0.5fr [col3end]; 网格模板行：[row1start] 自动 [row2start] 自动 [row3start] 自动 [row3end]; grid-template-areas “headerArea headerArea logoArea” “导航区域内容区域内容区域” “附加SlotArea页脚区域页脚”} .griditems {display： flex;} .header { grid-area： hea...
回答（3）
你好@integrateddigital能现场演示一下你的案件吗？说实话，我不太明白属性是怎么被覆盖的
你好，Art，是的，我会的。我会制作并回来发帖......TXS.s 2018年1月3日22：46，阿图尔·阿尔谢涅夫写道： 你好@integrateddigital[1]，你能提供你的现场演示吗 原因是说实话，我不太明白房产到底是怎么运作的 被覆盖 -- 你收到这个是因为有人提到你。 直接回复此邮件，访问GitHub [2]查看，或静音 线索[3]。 链接： ------ [1] https://github.com/integrateddigital [2] https://github.com/artf/grapesjs/issues/695#issuecomment-35514928...
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
相关问答
通过相似的问题讨论继续研究。
问题 #1566
自定义方块的默认样式
你好，我正在用GrapesJS做Prestashop网站上的页面构建器。 这个想法是用自定义块设置默认模板存储在数据库中。商店和模板加载都正常。我的问题是，我只想使用我创建并添加到BlockManager中的自定义块，但使用默认CSS。我可以放 CSS，但默认如何设置这些块的媒...
问题 #910
：支持没有预定义CSS结构的现有HTML页面的复杂度估计？
我有大量静态网站，有些是很久以前开发的（用Bootstrap等），有些是最近开发的（用CSS Grid等）。有些使用内联样式，有些使用基于类的样式，有些基于组件层级（例如“#id > div > ul > li”），有些则直接通过 html 组件名样式（例如 'form'），还...
问题 #1202
使用网页预设插件时类不匹配
大家好， 我正在使用网站预设插件，但当我从Grapes Demo页面拖动列时，样式不同，在我的应用程序中样式也不同，具体如下。我是不是漏掉了什么？ 葡萄界面{ 盒子尺寸：边框盒; } 正体 { 优势：0; } 身体{ 背景图片：URL（无）; 背景-重复：重复; 背景-位置：左...
问题 #1832
用Flex时，Div在调整图像时不会自动调整大小
这是我的代码，我希望标志图片可以调整大小。另外，我希望在另一端加一个div元素，这样用户可以把logo拖拽到那个容器里。为了实现这种布局，我使用了flex显示，中间空间是justify-content。但用Flex时背景不会自动调整大小。如果我移除flex样式，那它还能用，但我...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
浏览插件分类
直接跳转到市场上的插件分类页面。