Nuxt 3에서 <html> 및 <body> 태그에 Tailwind CSS 클래스를 추가하는 방법은 무엇입니까?
<p>Nuxt 3 애플리케이션에 tailwind를 사용하여 사용자 정의 404 오류 페이지를 만들려고 합니다. </p>
<p>페이지가 모든 기기의 화면을 채우고 404 오류 페이지가 세로 및 가로 중앙에 오도록 하고 싶지만 세로 중앙에 오도록 할 수 없습니다. 래핑된 <div>에서 h-screen 또는 h-full을 사용하는 경우에도 항상 페이지 상단에 있습니다. </p>
<p>Tailwind UI 구성요소의 한 예에서는 "이 예에서는 템플릿을 업데이트해야 합니다."라고 말합니다. </p>
<pre class="brush:php;toolbar:false;"><html class="h-full">
<body class="h-full"></pre>
<p>Nuxt 3의 특정 page.vue에 있는 html 및 body 태그에 tailwind 클래스를 쉽게 추가하는 방법은 무엇입니까? </p>
<p>page.vue에 다음을 추가해 보았습니다. </p>
<pre class="brush:php;toolbar:false;"><스크립트 설정>
useHead({
HTML 속성: {
스타일: 'html: h-full'
},
신체 속성: {
스타일: '본문: h-full'
}
})
</스크립트>
<스타일>
HTML,
몸 {
여백: 0;
패딩: 0;
}
</style></pre></p>
