按照官方文档直接复制过来，发现head和aside、main、foot在同一行
问题排查
查了下官网的文档，发现这样一项说明
微信截图_20191020111230.png
分析原因是：将head、aside、main、foot封装成了独立组件，封装成组件后，el-container中没有了el-footer和el-header，导致子元素排列方向默认为horizontal
问题解决
在el-container上增加 direction="vertical"属性
按照官方文档直接复制过来，发现head和aside、main、foot在同一行
问题排查
查了下官网的文档，发现这样一项说明
微信截图_20191020111230.png
分析原因是：将head、aside、main、foot封装成了独立组件，封装成组件后，el-container中没有了el-footer和el-header，导致子元素排列方向默认为horizontal
问题解决
在el-container上增加 direction="vertical"属性
按照官方文档直接复制过来，发现head和aside、main、foot在同一行问题排查查了下官网的文档，发现这样一...
问题说明 在使用Element-UI的Container布局容器时，我将el-header和el-aside封装成...
一、container布局容器 用于布局的容器组件，方便快速搭建页面的基本结构。
四种方式 element-ui布局容器（el-container） element-ui布局（el-row、el-...
下面是经典的elementui布局容器 css核心是给.el-container加align-items: str...
综述 element-ui 有el-container/ el-header/el-main/el-footer ...
布局如下： 效果如下： 模拟器 版本 10.0 效果如下：正常 真机 版本 10.2 效果如下：不正常 改正： 方...
利用css3的属性column-count来完成瀑布流布局**wxml wxss 不正常 正常 ps:这样有一个问...
由于出现了按钮不是自己想要的尺寸布局 就是把自定义的button加在View即可 1、这是不正常的数据 2、这是正...
本文标题：el-container布局不正常
本文链接：https://www.haomeiwen.com/subject/veiomctx.html
网友评论