画面の上下左右中心に配置したいです。
何が足りないのでしょうか?
やりたいこと
・divを2つ並べた<div class="wrapper position">を上下左右に配置したい
できたこと
・左右中央に配置はできた
コードは下記の通りです。
よろしくお願いいたします。
index.vue <div id="main"> <v-container> <div class="wrapper position"> <div class="con-img"> <img v-bind:src="func4_img"> </div> <div class="con-text"> text </div> </div> </v-container> </div>
.css div#main { background-color: #fff; height: 100vh; } .wrapper { display: flex; width: 100%; } .position { justify-content: center; align-items: center; } .con-img { width: 70%; } .con-text { width: 30%; }
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/06/23 13:48
2019/06/23 14:02
2019/06/23 14:06
2019/06/23 14:14