タグ: css-grid

CSS Grid Holy Grail が HTML 列に注意を払わない

2 つの端の間のスペースを埋めるように引き伸ばされる可変数の固定幅と可変幅の HTML 列を使用して、ホーリー グレイル レイアウトを試みます。 以下の CSS では、2 つの端の間のスペースを埋める可変数の固定幅と可変… 続きを読む CSS Grid Holy Grail が HTML 列に注意を払わない

CSS グリッドはすべての行を最小の高さにし、そのうちの 1 つが残りの行にまたがります

5 行のグリッドがあります。 3 行目のコンテンツの高さは、コンテンツによって異なります。最初と最後の 2 行の高さは固定されています。私の問題は、グリッド コンテナーの 1 つで 3 行目のコンテンツが大きい場合、他の… 続きを読む CSS グリッドはすべての行を最小の高さにし、そのうちの 1 つが残りの行にまたがります

モバイル div をデスクトップに再編成しますが、応答性は維持され、要素が表示されない場合があります

下の画像のように、モバイル ビューからデスクトップに div を再編成することは可能ですか?グリッドを使用してみましたが、適切な要素の高さが伸びたため、結果は満足のいくものではありませんでした。また、ユーザーがそのタイプ… 続きを読む モバイル div をデスクトップに再編成しますが、応答性は維持され、要素が表示されない場合があります

CSS グリッドを使用して子 div を親 div 内に配置する

内部にいくつかの他の div を持つグリッド コンテナーがあります。 見出し、段落、ボタン、およびロゴはすべて、独自の div 内にあります。 Flexbox を使用して、コンテナーの幅全体にロゴを配置しました。ただし、… 続きを読む CSS グリッドを使用して子 div を親 div 内に配置する

表示されるコンテンツに合わせてグリッド行のサイズを均等にすることはできますか

表示されている高さを埋める行の高さが等しい css グリッドを表示したいと思います。グリッド アイテムは、収まりきらない場合があります。 これがどのように機能するかのイメージです。行の高さは等しく、常にグリッドのコンテナ… 続きを読む 表示されるコンテンツに合わせてグリッド行のサイズを均等にすることはできますか

右の列を左に揃える

このシンプルなグリッドを用意してください。そして、右の列を左から開始するように揃える方法があるかどうか知りたいですか?どちらもグリッドの真ん中からスタートするからです。左の列は問題ありませんが、右の列は問題ありません。簡… 続きを読む 右の列を左に揃える

複数のオプションを選択したときに MUI Select コンポーネントの幅が拡張されないようにするにはどうすればよいですか?

codesandbox で作成した小さなデモをこちらでご覧ください codesandbox デモ 複数のオプションを選択できるように、複数の props を持つ MUI Select コンポーネントを使用しています。私は… 続きを読む 複数のオプションを選択したときに MUI Select コンポーネントの幅が拡張されないようにするにはどうすればよいですか?