84669인 학습
152542인 학습
20005인 학습
5487인 학습
7821인 학습
359900인 학습
3350인 학습
180660인 학습
48569인 학습
18603인 학습
40936인 학습
1549인 학습
1183인 학습
32909인 학습
vue와 vuetify를 사용하여 로그인/등록 페이지를 만들고 있습니다. 아래에 코드를 넣었습니다(저는 이탈리아 사람이기 때문에 텍스트는 이탈리아어로 되어 있지만 이해하실 겁니다):
이것을 시도해 보면 "등록"(등록) 카드의 높이가 로그인 카드보다 낮은 것을 볼 수 있습니다. 높이를 로그인 카드와 동일하게 만들어 더 보기 좋게 만드는 방법(CSS를 사용하는 것이 좋지만 JS는 사용하지 않음)이 있습니까?
감사합니다! 좋은 하루 되세요!
내가 만든 이 코드샌드박스를 확인해 보세요:https://codesandbox.io/s/stack-70836234-11sck?file=/src/comComponents/CardHeight.vue
v-row中删除align="center"。然后只需将 cssheight:100%添加到您的v-card
v-row
align="center"
height:100%
v-card
업데이트:v-card设置固定高度，可以使用vuetify 的显示断点，在本例中，我将它们应用于style속성을 모바일 뷰에서만 사용하려면 html 속성과 js가 있는 곳 어디에서나 사용할 수 있습니다.
style
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
내가 만든 이 코드샌드박스를 확인해 보세요:https://codesandbox.io/s/stack-70836234-11sck?file=/src/comComponents/CardHeight.vue
에서v-row中删除align="center"。然后只需将 cssheight:100%添加到您的v-card업데이트:
으아악v-card设置固定高度，可以使用vuetify 的显示断点，在本例中，我将它们应用于style속성을 모바일 뷰에서만 사용하려면 html 속성과 js가 있는 곳 어디에서나 사용할 수 있습니다.