css-grid

0熱

1答えて

サイトにチームメンバーのリストを作成しようとしています。そして、（常に）彼の仕事の説明のダウンロードを押している本当に長い職務を持っているこの男がいます。これは他の仕事の説明とのずれを引き起こし、デザイナーはこれについて非常に朗らかです。ジョブタイトルが長い4行になった場合 font-size: 10px; height: 30px; line-height: 1; しかし、それはまだ証

0熱

1答えて

CSSのグリッドレイアウト内で省略記号が機能しない

div内のelipsisプロパティをCSSグリッドで使用する際に問題が発生しています。グリッドの子に直接elipsisプロパティを設定すると動作しますが、グリッドのdiv内で使用すると機能しません。あなたは問題が何をここで見ることができます。 body{ text-align:center; } .container{ width: 300px;

0熱

2答えて

グリッドレイアウトとUL変わったマージン

私はchrome devtoolsのモバイルビューに移動するたびに、並べ替えられていないリストをグリッドで表示しています。グリッドは5つではなく1つのアイテムになります。私のコードのどこにも定義されていない奇妙な左マージンと私はなぜそれがここにあるのか理解していません。私はマージンを設定します：ulは0です。マイCSS & HTML： ul { list-style: none;

0熱

1答えて

コンポーネント追加後にCSSグリッドカードが応答しなくなる

card_wrapper内にレイアウトされたカード間にReactコンポーネントを追加しようとしています。 .card_wrapper { max-width: 1200px; margin: 10px auto 50px auto; display: grid; justify-items: center; grid-templ

2熱

2答えて

css minmax無効なプロパティ値

grid-template-columnsのminmaxプロパティを設定したいとします。しかし何らかの理由で私はそれを働かせることはできません。はここに私のコードです：私はChromeで.startクラスを検査する場合 .start { width: 100%; display: grid; grid-template-columns: minmax(320px,

1熱

1答えて

grid-column-startとspanを連動させるにはどうすればよいですか？

私はテーブルを作成しており、そのほとんどはCSSのグリッド機能を使って作成しましたが、上にカテゴリを追加するときに問題に遭遇しています。カテゴリの数は動的なので、カテゴリの数ごとにCSSスタイルのハードコーディングを避けようとしています。 grid-column-startプロパティが表示されますが、2列目と2列目から開始したいが、これは実行しません。どうすればこの問題を解決できますか？ありがと

0熱

1答えて

グリッド列の列が列として表示されない

CSSグリッド形式のページの1行に問題があり、指定された列に3つの画像が配置されていません。 <html> <title></title> <head></head> <body> <div class="Main"> <div class="Header Box"> <div id="One"> <img src="

-1熱

1答えて

css grid frユニットが正しく表示されない

Google Chromeで次のコードを開くと、headerとsignInセレクタは両方とも1つのカラムにまたがっていても、.createセレクタよりもはるかに長い高さになります。誰かがこれを引き起こす可能性のあるアイデアを持っていますか？ grid { display: grid; height: 1800px; border: 2px blue solid; grid-template

-1熱

1答えて

CSSを使用してMicrosoft Edgeのグリッドを定義する方法

次のCSSが定義されており、ChromeとFirefoxでは正常に動作しますが、Microsoft Edgeではグリッドの2行目のみが表示されます。 https://farquharmacrae.blogspot.com.au/2017/09/first-generation.htmlを参照してください。 Microsoft Edgeで表示するフルグリッドのCSSを調整するにはどうすればよいですか

1熱

1答えて

FirefoxとChromeでのCSSグリッドの正しい実装

結論として、hereとして、CSS Gridはgrid-auto-rows: 1frを使用して行間で等しい高さの要素を実装します。ただし、高さが同じ行の間に高さがautoに設定された行を挿入すると、ChromeとFirefoxの動作が異なることがあります。つまり、明示的なgrid-auto-rows: auto 1fr 1fr 1fr構文を使用しているが、grid-auto-rows: auto