css-grid

0熱

1答えて

列全体を埋めるために：私は何を達成しようとすると、私は単純にボックスを追加できる3列のグリッドを用いたフレキシブルボックスシステムを持つことです1,2または3列のサイズのもの; 1つのクラスを使用するだけです。が、私はこのhttps://codepen.io/mathil/pen/WXarXBをすることによってこれを実現しようとした： .container { display:

2熱

2答えて

CSSグリッドを使ってdivの高さを変更する

私はCSSグリッドを理解しようとする学生です。特定のdiv列や行をすべて変更せずにサイズを変更し、絵などの要素をグリッドに挿入するにはどうすればよいですか？私はここでそれを試みた：https://codepen.io/lukeheald/pen/bYQNgj 私は、私はそれが彼らのすべての高さを変える調整したい特定のdivをターゲットにする場合。 body{ font-famil

0熱

1答えて

Mac上でChromeまたはMozillaでグリッドテンプレートが機能しない

グリッドテンプレートと列と行のプロパティを持つグリッドテンプレートを作成しました。しかし、Mac上でChromeやMozillaを使って開くと、1列にとどまります。私が作ったレイアウトではありません。私は間違っていますか？ .grid { content: ''; clear: both; display: grid; grid-templ

1熱

1答えて

CSSグリッドの等幅の列

CSSのグリッドを使用して、行要素に2〜3つ以上の子要素があるかどうかにかかわらず、以下のhtmlをn個の等しい列で表示したいと考えています。それはCSSのグリッドを使用して完了してください - 任意の助けに感謝します。 <div class="row"> <div class="item"></div> <div class="item"></div> <div c

1熱

2答えて

CSSグリッド - ボタンのクリック時にグリッドエリアを非表示にする

ボタンクリックで表示/非表示にできるsidenavを作成しようとしています。私はgrid-areaとgrid-template-areasをレイアウトに使用しました。私はをsidenavに持っています。 sidenavが隠されているときにもgrid-areaを隠しておきたい。これを達成することは可能ですか？完全なコードはここにある - あなたがグリッド領域を使用するので、サイド-NAVから場

1熱

1答えて

CSSグリッドレイアウトは、私は1 COLを好きにCSSグリッドが、入力幅の変更を使用して応答フォームを設計しようとしているフォーム

を使用して入力幅を変更し、私はすべての情報にの入力を開始するときにCSSです： .cftv_representante_form { background-color: rgb(82, 82, 82); color: #fff; } .cftv_representante_form { display: grid; grid-auto-columns:

0熱

1答えて

CSS-グリッド：トラブルグリッドを定義するにはCSSグリッドを使用し

ルール、私はこのように見えるレイアウトを作成しようとしています：私が最初に越えて下に（小さい）要素を配置するにはどうすればよいですネストされた要素を使用せずに行？小さな要素の数は何でもかまいません。私はgrid-auto-columns: 2fr;を使って私の仕事を達成しようとしましたが、うまくいきません。は、ここで私はこれまで試したものです：私はCodepen main { d

1熱

1答えて

mixiの少ないCSSグリッド（ie11）

誰もCSS11グリッドmixininsをIE11のために少なく見ましたか？グリッドを使用しようとしましたが、IE11のすべてのプレフィックスを書き込むのは難しいです。私はこれについて話します： -ms-grid-row: 1; -ms-grid-column: 3; -ms-grid-column-span: 2; grid-column: 3 ~'/' 5; grid-row: 1;

-1熱

1答えて

cssの同じ行内の同じクラスのdivを整列するグリッドレイアウト

CSSのグリッドレイアウトを使用して、いくつかのdivを同じクラス名で一列に整列したいとします。私はすべてのdivを別のものの上に揃えてみました。どのようにCSSのグリッドレイアウトを使用してこれを達成する。 .front{ grid-area: front; } .accountcontainer{ display: grid; margi

2熱

3答えて

反応インラインスタイルでgrid-template-areasを使用するには？

grid-template-areasには、インライン反応スタイルでは互換性のない少し異なる構文があることに気付いたので、私はcss-gridsと反応していました。私はどんなライブラリも使っていないのですが、普通のスタイルのインラインスタイルはスタイルpropを使って反応します。私がやっていることはこれに似ています。 .wrapper { display: grid; gri