javascript - vueでループアウトするとスパン間にスペースがないのに、直接書くとスパン間にスペースがあるのですがなぜでしょうか?
PHPz
PHPz 2017-05-19 10:24:38
0
3
877
リーリー リーリー

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

aaabbbcccc ttt sss

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

PHPz
PHPz

学习是最好的投资!

全員に返信(3)
阿神

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

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

いいねを押す +0
为情所困

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

いいねを押す +0
黄舟

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

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート