に質問検索_PHP中国語ウェブサイト

コミュニティ学ぶツールライブラリレジャー

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

私の html/CSS グリッドがグリッドで機能しないのはなぜですか?

別のグリッド内のグリッドに入力フォームを作成しようとしていますが、機能しません。 CSSグリッドの作成方法を何度も調べましたが、何が間違っているのかわかりません。ページ全体が最初のグリッドボックスに詰まっています。グリッドを正しく実装するために適切な場所を使用しているのか、それともグリッドのクラス/ID をどのように入力しているのか疑問に思っています。HTML/CSS は初めてなので、他に質問がある場合はください。お知らせ下さい。 (コピーして貼り付けるときにインデントがめちゃくちゃになる以外は、修正しようとしました) <!Doctypehtml><lang=&q

P粉146080556 2024-02-17 15:49:36

Grid-template-rows:Repeat(auto-fill, 80px) は、grid-auto-rows: 80px と同じ意味で使用できますか?

動的コンテンツを追加するときに、グリッドで必要に応じて行を追加したいと考えています。これでうまくいきます: .grid{display:grid;grid-template-rows:80px;grid-auto-rows:80px;//grid-template-rows:repeat(auto-fill,80px);grid-template-列:repeat(auto-fit,minmax(340px,1fr));グリッド-

P粉823268006 2023-09-12 21:10:45

CSS グリッドレイアウト、自動的に行を追加し、列幅をグリッド項目の最大幅に設定

任意の数のグリッド項目を含むグリッドレイアウトが必要で、グリッド項目がいっぱいになると、次のような新しい行が自動的に作成されます。 #grid{display:grid;width:256px;border:1pxsolidblack ;grid-gap:12px ;grid-template-columns:repeat(auto-fit,minmax(75px,1fr));}#gridspan{background-color:lig

P粉818317410 2024-03-28 11:13:36

グリッドテンプレート領域を使用してグリッドを表示できないのはなぜですか?

グリッドテンプレート領域を介して要素の配置を実現しようとしていますが、機能しません。グリッドシステムを使用してブロックを垂直方向と水平方向に配置しようとしています。左側に画像を使用し、反対側にテキストを使用します。このコードが機能しないのはなぜですか? .news__wrapper{display:grid;grid-template-areas:"aac""bbc";}.news__item{display:flex;align-items:center;just

P粉541796322 2023-09-09 16:28:13

コンテンツの拡張を制限するグリッド項目

TL;DR: CSS グリッドレイアウト用の table-layout:fixed に似たプロパティはありますか?月を表す大きな 4x3 グリッドと、日付を表す 7x6 グリッドが内部にネストされた年表示カレンダーを作成しようとしています。カレンダーはページ全体に表示される必要があるため、年のグリッドコンテナーの幅と高さは 100% に設定されます。 .year-grid{幅:100%;高さ:100%;表示:グリッド;グリッドテンプレート:repeat(3,1fr)/r

P粉199248808 2023-08-20 19:49:37

CSSでグリッド線を表示できますか?

CSSグリッドレイアウトを学び始めました。理想的な世界では、複数のグリッドボックスを含む div を設定し、その中に要素を正確に配置し、必要に応じてオーバーレイを提供できるようになります (Illustrator でグリッド上にスティックを使用するようなものです)。グリッドを視覚的に表現しないとこれは非常に困難です。ライブサーバー上でグリッドを表示することはできますか? Chrome 開発ツールの「グリッド線の表示」を使用してみましたが、更新または変更を行うたびにグリッド線が消えてしまいます。または、複数の要素と空のスペースで構成されるより正確なものが必要な場合

P粉133321839 2024-03-31 20:38:21

ナビゲーション要素は表示の影響を受けません: グリッド

ナビゲーションバーにいくつかの ulli 要素をグリッド表示に設定していますが、期待どおりに機能しません。 li 要素は、グリッドが適用されていないように見えます。これはコードです: *{padding:0;margin:0;}.grid-container{display:inline-grid;grid-auto-columns:autoautoautoauto;text-decoration:none;}.grid-containerli{list-s

P粉295728625 2023-09-20 12:05:51

グリッドセルの内容を中央揃えにする

グリッド項目内のコンテンツを、水平方向ではなく垂直方向ではなく中央揃えで中央揃えにしたいと考えています。 JSfiddle で表示: http://jsfiddle.net/6zs8ydhf/.container{display:grid;grid-template-columns:200pxauto;grid-template-rows:400px200px;}.item{border:1pxsolid#111;}。 {ディスプレイ:f

P粉060528326 2023-09-15 10:34:15