多列布局中元素定位的问题
你可以把这个添加到'grapesjs.init'里的'pluginOpts'里: “''js const editor = Grapesjs.init({ // ... pluginsOpts: { “GJS-Blocks-Basic”: { stylePrefix: '', // no gjs- 前缀 flexGrid:1 // 用flexbox代替表格 } }, // ... }); ``` 这可能也能解决你之前的对齐问题,对响应式设计更有利
阅读下方完整回答 ↓问题
如何控制列中单元格中元素的位置?左侧是地图元素,右侧是文本和图像。如下面的截图所示,右侧的元素位于地图之后。
类似的问题也存在于[这个](https://codepen.io/artf/pen/MQpZPj)codepen(Grapesjs Custom UI由@artf)中。 
回答(3)
你可以把这个添加到'grapesjs.init'里的'pluginOpts'里:
“''js const editor = Grapesjs.init({ // ... pluginsOpts: { “GJS-Blocks-Basic”: { stylePrefix: '', // no gjs- 前缀 flexGrid:1 // 用flexbox代替表格 } }, // ... });
这可能也能解决你之前的对齐问题,对响应式设计更有利
@theSC0RP 这其实并不是GrapesJS本身的问题。GrapesJS 中的单元格有 “''CSS display:table-cell; 参见 https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align 所以你可以选择自动应用到自定义组件上,或者为这个设置创建一个自定义样式属性,方便更改。表格布局中可能还有其他对齐物品的方法。或者,你也可以创建自定义布局组件,按你的需求操作。
@MartinPutz 谢谢你的回答。我该如何在单元格上创建并应用自定义样式属性? 我用的是 [grapesjs-blocks-basic](https://github.com/artf/grapesjs-blocks-basic) 插件,所以这个单元格的类名是 'gjs-cell'。我尝试在我的styles文件中添加该类的推荐属性,但问题依旧存在。
相关问答
通过相似的问题讨论继续研究。
问题 #2757
如果没有选中组件,隐藏样式管理器
你好,我想重现默认的 GJS 行为,当样式管理器被隐藏时,如果没有选中任何组件。 像这样: 的问题。[提案的解决方案](https://github.com/artf/grapesjs/issues/3413#issuecomment-83189223...
问题 #3309
TextNodes 在元素内容更改时会干扰
版本: 0.16.44 你好@artf 我有一个自定义方块,带有自定义按钮组件,内容和这个类似。 ` <a data-gjs-type=“custom_button” class=“btn btn-1” href=“”>Click here</a>' 此外,我添加了一个文本特性...
问题 #1892
Flexbox列无法正常工作。
你好@artf, 我们用的是flexbox模块。问题是,当我们尝试调整中间列的大小时,会影响其他所有列,比如自动缩小左列的宽度。它应该只影响右侧列。 要创建此场景,请添加三列并尝试调整中间列(https://codepen.io/sanjib00/pen/wOpVNv)。 你能...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。