表示効果はおそらく次のようになります:
aaabbbcccc ttt sss
前側のループ状のスパンには間隔がありませんが、後ろのスパンには間隔があります。理由はわかりません。
学习是最好的投资!
display:inlineまたはdisplay:inline-block要素が隣接しており、間に改行がある場合、自動的に隙間が生じます。 これらの要素の親要素に font-size:0; を設定すると、改行によるギャップを解消できます。
追記: この場合、コードが折り返さなければ、ギャップは生じません。
改行と改行を強制していませんか?この場合、空白が生じます
インライン要素の改行がスペースを占有します。解決策は、#app で font-size:0; を設定することです。このようにすると、改行サイズが 0 になり、前述のスペースが表示されなくなります。
display:inlineまたはdisplay:inline-block要素が隣接しており、間に改行がある場合、自動的に隙間が生じます。
これらの要素の親要素に font-size:0; を設定すると、改行によるギャップを解消できます。
追記: この場合、コードが折り返さなければ、ギャップは生じません。
改行と改行を強制していませんか?この場合、空白が生じます
インライン要素の改行がスペースを占有します。解決策は、#app で font-size:0; を設定することです。このようにすると、改行サイズが 0 になり、前述のスペースが表示されなくなります。