亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

頁面未全螢?zāi)粫r出現(xiàn)無法解釋的右側(cè)邊距 - Nuxt/Tailwinds
P粉710478990
P粉710478990 2023-09-01 00:05:46
0
1
741
<p>我正在嘗試使用 Nuxt、Vue3 和 TailwindCSS 製作一個簡單的簡歷頁面。當(dāng)我的瀏覽器全螢?zāi)粫r,一切看起來都很好,而且一切都很好。但是,如果我看到全螢?zāi)恢獾娜魏蝺?nèi)容,則應(yīng)用程式主體部分的頁面右側(cè)會無緣無故地留出空白。 (請忽略可怕的設(shè)計,它仍在進(jìn)行中)</p> <p>如下所示,元素的右側(cè)有一個邊距,但不應(yīng)該有,而且它甚至沒有顯示在計算的佈局中。我沒有添加自訂 CSS,所以我只使用預(yù)設(shè)的 Tailwind 提供的類,據(jù)我所知,不應(yīng)該有右側(cè)邊距。 </p> <p>這是父元素,正如您所看到的,它沒有會影響子元素的填充或邊距。 </p> <p>這是我的<code>default.vue</code>,其中插入了「content」元素(在<code><slot /></code> 標(biāo)記中)</ p> <pre class="brush:html;toolbar:false;"> <template> <div class="container flex p-4 flex-col h-screen overflow-hidden bg-slate-200"> <div class="pb-2 bg-gradient-to-r from-red-500 via-green-500 to-purple-500"> <header class="bg-slate-200 pb-2"> <nav> <ul class="flex justify-end gap-5"> <NuxtLink to="skills" class="rounded-lg border-black border-solid border-2 p-3"> <li>Key Skills & Interests </li> </NuxtLink> <NuxtLink to="education" class="rounded-lg border-black border-solid border-2 p-3"> <li>Education</li> </NuxtLink> <NuxtLink to="experience" class="rounded-lg border-black border-solid border-2 p-3"> <li>Experience</li> </NuxtLink> <NuxtLink to="about" class="rounded-lg border-black border-solid border-2 p-3"> <li>A Little Bit About Me</li> </NuxtLink> </ul> </nav> </header> </div> <插槽>>
</範(fàn)本> </pre></p>
P粉710478990
P粉710478990

全部回覆(1)
P粉854119263

順風(fēng)中的容器類別不會自動套用任何水平填充或自居中。將 mx-auto 類別(將 margin-left 和 margin-right 設(shè)定為 auto)新增至第一個 div 將解決該問題。

最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板