页面有两个el-col左侧一个右侧一个右侧的el-col中有多个折叠面板如何设置左侧el-col的高度让左侧的和右侧的height保持一致
您可以使用flex布局来实现左侧el-col的高度与右侧el-col的高度保持一致。
首先,在外层的el-row元素上添加属性justify="space-between",这样可以让左右两个el-col元素之间有一个间隔。
然后,在左侧的el-col元素上添加属性:span="12",右侧的el-col元素上添加属性:span="12",这样可以将页面分为两列。
接下来,在左侧的el-col元素上添加样式属性class="left-col",并在右侧的el-col元素上添加样式属性class="right-col"。
最后,在样式表中添加以下样式:
.left-col {
height: 100%;
}
.right-col {
height: 100%;
display: flex;
flex-direction: column;
}
这样就可以实现左侧el-col的高度与右侧el-col的高度保持一致了。
原文地址: http://www.cveoy.top/t/topic/iTUs 著作权归作者所有。请勿转载和采集!