0
グリッド テンプレート エリアを使用して要素の配置を実現しようとしていますが、機能しません。グリッドシステムを使用してブロックを垂直方向と水平方向に配置しようとしています。左側に画像を使用し、反対側にテキストを使用します。このコードが機能しないのはなぜですか?
リーリー リーリー
https://codesandbox.io/s/blissful-bush-tngxm8?file=/src/styles.css
Your Answer
1 件の回答
0
grid-template-areas を使用する場合は、グリッド内の要素に grid-area 値を割り当てる必要があります。
つまり、次の css コードを追加すると、望ましい結果が得られます:
2023-09-10 14:58:12
Hot Questions
function_exists() はカスタム関数を決定できません
2024-04-29 11:01:01
Google Chromeのモバイル版を表示する方法
2024-04-23 00:22:19
子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。
2024-04-19 15:37:47
親ウィンドウには出力がありません
2024-04-18 23:52:34
CSS マインド マッピングに関するコースウェアはどこにありますか?
2024-04-16 10:10:18
Hot Tools
vc9-vc14 (32+64 ビット) ランタイム ライブラリ コレクション (以下のリンク)
phpStudy のインストールに必要なランタイム ライブラリのコレクションをダウンロードします。
VC9 32ビット
VC9 32 ビット phpstudy 統合インストール環境ランタイム ライブラリ
PHP プログラマー ツールボックスのフルバージョン
プログラマ ツールボックス v1.0 PHP 統合環境
VC11 32ビット
VC11 32ビットphpstudy統合インストール環境ランタイムライブラリ
SublimeText3 中国語版
中国語版、とても使いやすい
ホットトピック
Douyin レベル価格表 1-75
20335
7
20335
7
Wi-FiにIPが割り当てられていないことが表示される
13530
4
13530
4
確認コードを受け取るための仮想携帯電話番号
11850
4
11850
4
Gmailメールのログイン入り口はどこですか？
8835
17
8835
17
Windows セキュリティ センターをオフにする方法
8420
7
8420
7
人気の記事
2025 年の仮想通貨市場のトップ 10 トレンドの予測: 次のトレンドはどこでしょうか?
2025-11-07
By DDD
通貨サークル内で先住犬プロジェクトを特定するにはどうすればよいですか?ゼロコインの罠とリスク警告を回避する
2025-11-07
By DDD
CSS @media クエリの優先順位とルール カバレッジの問題を解決するためのチュートリアル
2025-11-07
By DDD
鉄道 12306 の支払いに失敗した注文はまだ存在しますか?_鉄道 12306 の支払いに失敗した注文の処理方法
2025-11-07
By DDD
インストール後にソフトウェアで win10 フォントが見つからない場合の対処法_win10 フォントのインストールと識別方法
2025-11-07
By DDD