Vue flex 布局示例

Vue  flex 布局示例

示例1

•  样式代码：

<style>
  html,
  body {
    margin: 0;
    height: 100%;
    position: relative;
  }

  .body-box {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    border: 2px solid green;
  }

  .form-style {
    flex: 0 0 400px;
    border: 2px solid pink;
    margin-right: 200px;
  }
</style>