标签：wrap4 表格 布局 300px width background table
<template>
<div>
<div class="wrap4 wrap">
<div class="left"></div>
<div class="center">
表格布局
</div>
<div class="right"></div>
</div>
</div>
</template>
<script>
export default {
}
</script>
<style>
.wrap4{
display: table;
width: 100%;
height: 200px;
}
.wrap4>div{
display: table-cell;
}
.wrap4 .left{
width: 300px;
background: red;
}
.wrap4 .right{
width: 300px;
background: blue;
}
.wrap4 .center{
background: pink;
}
</style>
<!-- 兼容性好，但是有时候不能固定高度，因为会被内容撑高。-->
标签：wrap4,
表格,
布局,
300px,
width,
background,
table
From： https://www.cnblogs.com/xzemt/p/18030158