display inline-block 属性と box-sizing: border-box 属性を持つ 2 つの div を一緒に配置すると、境界線が異なると白い空白領域が表示されるのはなぜですか?
P粉373596828
P粉373596828 2023-09-13 13:45:36
0
1
486

このコードを検討してください。なぜ d3 と d4 が整列していないのでしょうか? d4 の上部の空白は何ですか?

リーリー リーリー

これら 2 つの div は両方ともインライン ブロックをレンダリングし、幅 150 ピクセル、高さ 150 ピクセルを持つ必要があります。なぜ 2 番目の div が最初の div よりも少し低いのですか。 これがレンダリングされるものです:

P粉373596828
P粉373596828

全員に返信(1)
P粉803527801

インライン 要素のデフォルトの 垂直方向の配置がベースラインであるためです。 top のような値に設定することで簡単に変更できます。

リーリー リーリー
いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!