element不占位置的html标簽,在使用Element時無法居中卡片元件（元素）

1，使用技術(産品)

HTML5,Vue,Element

2，問題描述

如圖，主卡片無法居中

3，預期結果(期望解決的問題)

使得

垂直居中

4,參考資料

Element相關文檔

5，已嘗試過的解決方案(失敗)

(1)#app{

display:flex;

justify-content: center;

align-items: center;

}

(2)#app{

position:relative;

.box-card{

position: absolute;

top: 0;

left: 0;

right:0;

bottom: 0;

margin: auto;

}

}

6，代碼(前端HTML)

Login - Unified authentication for Lime Network users

Login - Unified authentication for Lime Network users

GitHub

Gitee

Login

Reset

Script部分省略