javascript - vueでループアウトするとスパン間にスペースがないのに、直接書くとスパン間にスペースがあるのですがなぜでしょうか？

Question

リーリー リーリー

表示効果はおそらく次のようになります:

aaabbbcccc ttt sss

前側のループ状のスパンには間隔がありませんが、後ろのスパンには間隔があります。理由はわかりません。

Answer 1

display:inlineまたはdisplay:inline-block要素が隣接しており、間に改行がある場合、自動的に隙間が生じます。
これらの要素の親要素に font-size:0; を設定すると、改行によるギャップを解消できます。

追記: この場合、コードが折り返さなければ、ギャップは生じません。

Answer 2

改行と改行を強制していませんか?この場合、空白が生じます

Answer 3

インライン要素の改行がスペースを占有します。解決策は、#app で font-size:0; を設定することです。このようにすると、改行サイズが 0 になり、前述のスペースが表示されなくなります。