CSS グリッドを使用した一貫性のないギャップ
P粉648469285
P粉648469285 2023-09-07 14:39:28
0
1
514

CSS グリッドを使用する HTML ドキュメントがあります:

リーリー

しかし、行と列のギャップを 1px に設定しても、依然として次の結果が得られます:

ご覧のとおり、最初の列のギャップと行のギャップは 2 ピクセル幅です。行と列の数を増やすと、パターンが繰り返されます。私が何を間違えたのでしょうか?ありがとう!

P粉648469285
P粉648469285

全員に返信(1)
P粉212971745

次のことを試してください

###交換する:### リーリー

に置き換えられます。 リーリー 必要なのは

gap:1px だけです。

ただし、.grid1 の幅と高さを設定する必要もあります。例:

リーリー

幅と高さがわからない場合は、単に

width:auto; height:auto;

に設定し、グリッド内のコンテンツによって幅と高さを決定させます。

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