css-grid

1熱

2答えて

私はgrid-columnプロパティを使用してグリッド全体に一番上の行があるCSSグリッドレイアウトを持っています。私はこの行を100pxの高さに設定し、それ以降のすべての行をgrid-auto-rowsの高さ200pxに設定する方法を知っていますか？すべての特定の行に対してgrid-template-rowsという値を入力できますが、ページに多くのdivがあり、100pxと200pxの値を入

0熱

1答えて

CSSグリッド - コンテンツを横方向に、縦方向に中央に整列できますか？

これを回避するにはいくつかの方法が考えられますが、これをネイティブに行う方法がないのが私の質問です。私のページにはフッターがあります。私はフッターに右揃えのテキストを表示したい。しかし、私はまた、テキストセンターを垂直に揃えたいと思っています。すぐに考えてみましょう。エレメントにいくつかのパディングを追加することですが、後でフッタをサイズ変更可能にすると、デザインが破損します。ネイティブのFl

0熱

1答えて

CSSの水平メニューが機能しません

私のCSSメニューに問題があります。動作しません... ボタン上にマウスを置いて、別の要素から表示属性を切り替えたいとします。私はCSS3 Grid-Systemを使用しています。それが問題なのかどうかわからないのですか？最初まず、物事、ここに私のコードは次のとおりです。まずCSSの一部（のみ影響を受ける）： .navigation{ grid-column: 1;

3熱

1答えて

CSSグリッドレイアウト：IE11用のグリッドエリアをサポート

この例をie11でどのように動作させるか教えてください。私は、ドキュメントをチェックし-ms-プレフィックスが #page { display: -ms-grid; display: grid; width: 100%; height: 250px; grid-template-areas: "head head" "nav main" "nav

1熱

1答えて

CSSフレキシボックス - CSSグリッド内のテキスト切捨て（Firefoxのみ）

私は簡単にテキストが縮小し、そのコンテナが縮小した場合に省略記号で切り捨てられますいくつかのテキストやボタン、とフレキシボックスをレンダリングすることができます。 .titleBarCtr { align-items: center; display: flex; } .titleBar { color: white; ba

-1熱

1答えて

バックグラウンドスレッドで分割されたイメージを処理する方法は？

私はサイトの一部である必要がある大きな画像を持っていますが、もちろんこれはパフォーマンスに当てはまります。私はそれを分割し、グリッドを使用して負荷で画像を一緒に彩るアイデアを得ました。 1つの小さな問題ですが...それはバックグラウンドにある必要があります。これを修正するために恐ろしいz-インデックス方法を使うべきですか、それともより美しい解決策がありますか？画像は任意の数のタイルでカットするこ

3熱

1答えて

CSSグリッドが-msプレフィックスであってもIE11またはEdgeで動作しない

IE11でグリッドを取得する際に、hereガイドに従っています。これらのルールにもかかわらず、列と行はちょうど重なり合います彼らのグリッドポジションを取るよりも。 https://codepen.io/anon/pen/pdNWMj ： <div class="grid"> <div>Top Left</div> <div>Top Right</div> <div>B

0熱

1答えて

私の最初のオブジェクトがグリッドの他のものよりも大きい理由CSS

こんにちはギャラリーギャラリーでアートギャラリー用の画像を表示しようとしています。私はCSSグリッドを使用しています。私は1つだけの質問を持っていると私はそこに固執しているのですが、私は理由を知っていません何かパッディングとサイズのパラメータは、グリッド表示の最初のオブジェクトは、他のもの、最初のものがより大きい他の人、

0熱

1答えて

CSSグリッドの列を選択する

CSSグリッドの列を選択する方法を探しています。 :nth-child()セレクタを使用して、静的グリッド内の列を選択する方法が見つかりました。たとえば、3列目のグリッドでは、:nth-child(2)は2列目のすべてのグリッド項目を選択します。私のように3つのメディアクエリを含むレスポンスグリッドがある場合、これは機能しません。私のグリッドには24個のグリッドアイテムがあります。モバイルデバイ

0熱

2答えて

CSSグリッドの行間のスペースを減らす

行間の間隔を減らす方法を知りたいですか？私はマージンとパディングを0に設定しようとしましたが、何も噛んだようです。デスティネーションビューは左側、右側はモバイルビューです。 .content{ margin: 0; padding: 0; width: 100%; display: grid; grid-gap: 5px; grid-t