我為一個Nuxt組件寫了一些代碼，該組件接收一個國際象棋PGN并將其翻譯成應用程式上的一系列png圖片。代碼看起來像這樣：
<template>
<v-container fluid class="gamePanel-wrapper">
<v-row no-gutters>
<div v-for="col in Array(8).key()" :key="col.key">
<div v-for="row in Array(8).key()" :key="row.key">
<img :src="getTile(row,col)" class="tileImage">
</div>
</div>
</v-row>
<v-row>
<v-col align="center">
<h3>轉彎資訊到這里</h3>
</v-col>
</v-row>
</v-container>
</template>
而輸出結果看起來是這樣的：
我有幾個問題，我如何才能讓這個游戲棋盤看起來像我想要的那樣：
我有幾個問題，我如何才能讓這個游戲棋盤看起來像我想要的那樣？
我有幾個問題：如何使這個棋盤看起來像我想要的那樣？
預先感謝。
uj5u.com熱心網友回復：
不應該有間隙。看看這個codesandbox，我使用了你的標記，瓷磚之間沒有空隙。檢查你的".gamePanel-wrapper "或 "tileImage "類，如果沒有導致這種情況的css規則。或者，在提供的沙盒中重現這個問題，并在這里發布。
另外，它在沙盒中也能作業，雖然是3。我將方向改為
column，并使用align="center"。我不太明白你說的 "與棋盤齊平 "和 "鎖定 "是什么意思，但我推測是類似例子中的灰色區域。如果不是，請解釋一下。
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/327587.html
標籤：
上一篇：在函式和for回圈中取列的平均值