element的container布局铺满

element的container布局默认不铺满全屏，需要添加样式。

<template><el-container><el-header>Header</el-header><el-container><el-aside style="width: 200px">Aside</el-aside><el-main >Main</el-main></el-container></el-container>
</template>

需要添加样式：

.el-container{weight:100%;height: 100%;
}

APP.vue中在#app中添加：

#app {...position: absolute;top: 0;left: 0;width: 100%;height: 100%;
}

完成后布局会铺满。

element的container布局铺满相关推荐

Element的Container布局容器布满全屏
摘要:在使用Element(2.10.1版本)的Container布局容器布,发现按照官网的代码运行后,发现不能撑开整个页面,只能显示一段高度官方代码运行后效果: 如何实现不满全屏呢?实现如下: ...
微信小程序flex布局怎么实现上中下3行铺满整个窗口。
问题描述: 在微信小程序中使用flex实现上中下3行布局铺满整个窗口. 如图 **WXML ** <!--/* ***HotApp云笔记,基于HotApp小程序统计云后台 ***免费云后台申请地 ...
[html] 写一个垂直的三栏布局，第一栏固定顶部，中间铺满，第三栏固定底部
[html] 写一个垂直的三栏布局,第一栏固定顶部,中间铺满,第三栏固定底部好像有几种写法我个人比较喜欢的是, <style> html, body { margin: 0; padd ...
element ui 使用container布局时，容器布满全屏
element ui 使用container布局时,容器布满全屏在使用element ui 布局时,容器一直不能不满全局.在网上搜索了下.解决方法如下: 将包裹container的容器加入一下样式: ...
element布局容器大小_让Element-ui的Container布局容器高度百分百显示
使用Element(2.13.1版本)的Container布局容器布局,按照官网的代码运行后不能撑开整个页面,只能显示一段高度,代码如下: Header left Main 那如何让它高度百分百显示呢 ...
elementUI的container布局设置全屏宽度
进用element UI的 container 布局,发现不能全屏铺满添加了一行代码: .el-container{height:100%;padding:0;margin:0;width:100% ...
使用container的嵌套_ElementUI 技术揭秘（4）— Container 布局容器组件的设计与实现。...
前言上一篇文章我们分析了 Layout 布局组件的设计和实现,它的应用场景通常是局部布局.对于整个页面的布局,element-ui 提供了 Container 布局容器组件,专门用于 PC 管理后台 ...
div三行或三列铺满全屏
文章目录一.实现要求二.实现过程 1. 字体水平居中和垂直居中 1.1水平居中: 1.2垂直居中: 2. 行列铺满全屏 2.1 竖排铺满全屏: 2.2 横排铺满全屏: 3. 实现交互三.实现代码 ...
java pdf水印排布问题_Java实现pdf文件添加水印，铺满全页。
版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/duan1309/article/details/81232300 因项目需要将word文件(.doc ...

element的container布局铺满

element的container布局铺满相关推荐

最新文章

热门文章