css-grid

0熱

1答えて

display:gridはどうすれば.entryまたは.post要素のみを対象とし、アーカイブのタイトルとページングを除外しますか？ .content { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px; } <main class="content">

1熱

2答えて

キーフィールド領域とマッチリストをオートフロイドする方法は？

この例では、 "keyarea"には、 "Name Key"と "Tel Key"というラベルのついた2つのinputコントロールがあります。一致リストには、以下のtextarea要素の「一致ラベル」があります。私はできれば自動流し込みすべてのフィールドを見てみたかったと列grid-auto-flowを使用。最初の5つの項目 body { margin: 40px; } .bo

0熱

1答えて

divと100％の高さで表示：グリッドが期待したとおりに動作しない

私の希望するレイアウトは、HTMLボディの高さ（50vh）と幅が50％で、幅が等しい2つのHTMLボディのボックス中心であり、いずれかの列の高さがその高さよりも大きくなると、垂直スクロールバーが表示されます。私には次のものがあります。fiddledisplay: grid divの左側の列には、IDが#col1となっています。私が気づいたのは、高さを100%に設定すると、その高さがテキスト内に収

1熱

3答えて

CSSグリッド内の画像のサイズを制御する

私は、たくさんの領域と写真コンテナを持つCSSグリッドを持っています。私はどのように知りません。それは、グリッドの領域内に含まれるように、写真のサイズを制御 1）、および 2）写真の幅を保ちます100％で（したがってコンテナに等しい）、写真のサイズに合わせてコンテナの高さを調整します。基本的には、ウィンドウが小さくなり、写真の幅が小さくなるので、高さがありません - タグ、アルバムを引っ張り、要

-1熱

1答えて

背景画像をグリッドセルに追加する方法は？

display：gridコンテナ（セクション要素）に入っているグリッドセル（div要素）に背景イメージを追加しようとしています。私は背景画像を試しています：url（ "background.png"）しかし、それは動作していません。どうしてか分かりません。私は複数回試してみましたが、使用していません。ここでは、ここで事前におかげをいくつかの助けを必要とすることは、HTMLやCSSコード： <!

1熱

2答えて

CSSグリッドレイアウトでの* ngForの使い方1列にすべてを表示する

私は一般的にプログラミングやWeb開発を始めていません。私は個人的なウェブサイトを作る過程にある。私はあなたがここで見るものに似て4列でグリッドにボックスを配置する：https://devpost.com/software/search?query=is%3Afeatured これらのボックスの各オブジェクトを表し、私はへのデータの一部を表示できるようにしたいですボックスをクリックすると、ポップ

2熱

1答えて

ウェブグリッドにCSSグリッドのサポートを問い合わせるにはどうすればよいですか？

ウェブグリッドにCSSグリッドのサポートを問い合わせるにはどうすればよいですか？すべての主要なブラウザはCSS Gridを最新のバージョンでサポートしていますが、クライアントに古いバージョンがある場合は別のものに置き換える必要があります。

2熱

1答えて

CSSグリッドの問題行と複数のdivを中心としたシンプルなCSSレイアウトを作成する

私はCSSグリッドの初心者で、私の個人的なブログのためのシンプルなCSSレイアウトを作成したいと思っていました。私は何を私が達成したいことは全幅を持つ複数の行を持っているし、それらの行の中に異なる幅の追加divを持っているし、親の中央にあるcodepen.io codepen.io 以内にそれをしようとしています（行）、多分私が持っている必要がある1つ以上の原因は、1つの行の上から下に10 div

1熱

2答えて

グリッドアイテムの周りにコンテンツを流すことができますか？

新しいCSSグリッドレイアウトモジュールでいくつかのコンテンツをレイアウトしています。幅が8列の段落がいくつかありますが、列幅が3列のfigureを追加し、それに続く段落をfigureの右側のスペースに挿入したいと考えています。これは可能ですか？グリッド以外の世界では、私は単にfloat:left;をfigureに追加します。これは私が模倣したい行動です。 figureに続く段落の長さはわからな

-1熱

1答えて

グリッドに画像を貼り付けようとしています

私は1fr 1frでグリッドを作成し、それぞれのグリッドは50％です。左のサイズで私はHEADERSとP'sを取得したい、右側にある IMGを設定したい。私は画像が右の画面にスティックされたい場合左のサイズはページのように動作します。どうすればいいですか？これは、画像と、右のボックスのために私のコードです： ***css*** .grid > box2 { background-co