ElementUI 中 栅格布局 混乱问题

Element UI 提供了一个高拓展性的表格布局组件，可以用于实现日常使用的表单布局。该组件基于 Element UI 的 form 表单实现，并提供了栅格布局的功能。您可以使用栅格系统来实现表单的灵活布局。栅格布局组件允许您将表单元素放置在不同的列中，以便更好地控制表单的排列。 在使用该组件时，您可以在 SCSS 中使用 `@include` 来调用 mixin。Mixin 是一种可以在样式中重复使用的代码块，它可以帮助我们更方便地编写样式。与 JavaScript 调用不同的是，在 SCSS 中使用 `@include` 时，字符串不需要加引号。另外，`@content` 是一个占位符，类似于插槽（slot），它可以在 mixin 中接收传递的内容。 总之，Element UI 的栅格布局组件是一个方便实用的工具，可以帮助您快速实现表单的布局，并且在使用时可以结合 mixin 来更好地控制样式。<span class="em">1</span><span class="em">2</span> #### 引用[.reference_title] - *1* [基于elementui的form表单实现的一个高拓展性的表格布局组件](https://download.csdn.net/download/weixin_39840515/11515941)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [ElementUI组件系列解读之栅格布局＞](https://blog.csdn.net/weixin_41421227/article/details/123978874)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]