タグ: css

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

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

フロント エンドの開発: ページをウルトラ ワイド スクリーンに合わせる

ウルトラ ワイド スクリーンに関するフロント エンド開発者向けのベスト プラクティスについてはよくわかりません.. このページを例にとると: https://mzinstalacije.si/ コンテナーは 1440px… 続きを読む フロント エンドの開発: ページをウルトラ ワイド スクリーンに合わせる

不明なエラー: 無効なフック呼び出しです。フックは、関数コンポーネントの本体内でのみ呼び出すことができます。 Reactでは、このエラーが発生しています

ここでは、そのスクリーニング関数を TagCloud オブジェクトの半径に配置しようとしています。スクリーニング関数は、画面幅に応じて異なる数値を返します。 しかし、私はそのエラーを受けています。どんなソリューションでも… 続きを読む 不明なエラー: 無効なフック呼び出しです。フックは、関数コンポーネントの本体内でのみ呼び出すことができます。 Reactでは、このエラーが発生しています

「left: 50%; transform: translateX(-50%)」がコンテンツをセンタリングしないのはなぜですか? [複製]

この質問にはすでに回答があります: 要素を水平方向に中央揃えするにはどうすればよいですか? (130 回答) 1 つを中央に配置し、他のフレックスボックス要素を左右に揃えます (11 回答) 「position: abs… 続きを読む 「left: 50%; transform: translateX(-50%)」がコンテンツをセンタリングしないのはなぜですか? [複製]

オーバーフローの方法: 動的に作成されたコンポーネントの「スクロール」

React アプリでは、コンテナー内に新しいコンポーネントを動的に作成します。新しく作成したアイテムがコンテナの高さを超えた場合、コンテナを Y 方向にスクロールできるようにしたい。 overflow: ‘auto’ を… 続きを読む オーバーフローの方法: 動的に作成されたコンポーネントの「スクロール」

ループ内のホバー ターゲットの次の要素 ( map ) ? Reactの使用

React を使用していますが、React ソリューションで問題を解決したいと考えています。 次の要素をターゲットにするためにホバーする必要があります。 すべてのコードはこちら: https://codesandbox.… 続きを読む ループ内のホバー ターゲットの次の要素 ( map ) ? Reactの使用

スティッキー Web サイト ヘッダーがモバイルで部分的にしか機能しない

現在、私の サイト のモバイル バージョンに、これらの部分的なスティッキー ヘッダーの 1 つがあります。ページを下にスクロールし、上にスクロールするとすぐに再表示されます。 そもそもどうしてこうなったのかはわかりません… 続きを読む スティッキー Web サイト ヘッダーがモバイルで部分的にしか機能しない

z-index を使用して、1 つのコンテナーを前に移動し、もう 1 つのコンテナーを後ろに移動するにはどうすればよいですか?

I have following layout: The black and green border one is the const AudienceCategories = styled(motion.div)` … 続きを読む z-index を使用して、1 つのコンテナーを前に移動し、もう 1 つのコンテナーを後ろに移動するにはどうすればよいですか?