小编Dim*_*vid的帖子

有角。使子级宽度为弹性父级的 100%

我有一个 Angular 组件，带有一个主 flex divmain-container和一个 child box。我希望子级位于父级的中心，并且具有父级宽度的 100%。下面的代码片段显示我的代码正在运行，但在 Angular 中，宽度box是 80px（由填充制成）。

.main-container {
    width: 100%;
    min-height: 100vh;
    padding: 15px;
    background: linear-gradient(-135deg, #c850c0, #4158d0);
    display: flex;
    justify-content: center;
    align-items: center;
}
.box {
    max-width: 500px;
    width: 100%;
    padding: 40px;
    border-radius: 10px;
    background: #fff;
    text-align: center;
}

Run Code Online (Sandbox Code Playgroud)

<div class="main-container">
  <div class="box">
  </div>
</div>

Run Code Online (Sandbox Code Playgroud)

这是我的 Angular 页面的样子的照片：

非常感谢！

html css flexbox angular

Dim*_*vid

2019 04-27

5
推荐指数

1
解决办法

1万
查看次数

标签统计

angular ×1

css ×1

flexbox ×1

html ×1

有角。使子级宽度为弹性父级的 100%

标签 统计

小编Dim_vid的帖子

标签统计