テキストを折り返さずに中央揃えにする

タイトルを中央揃えにしようとしているので、white-space:nowrap; を使用して、タイトルが重なって 1 行に表示されないようにしましたが、今度は中央揃えになりません。タイトルの CSS コードがあり、見た目...

から [CSS3ディスカッショングループ] 2024-03-19 18:16:10 0  1  460

要素を上部と中央に固定する

水平方向と垂直方向の両方でビューポートからオーバーフローするページがあり、ナビゲーションが常に上部に配置され、水平方向の中央に配置されるようにナビゲーションを貼り付けたいと考えています。これで、粘着トップは機能しますが、...

から [CSS3ディスカッショングループ] 2024-03-19 17:30:43 0  2  279

ダッシュ アプリ内のさまざまなコンテナーのコンテンツを交換するにはどうすればよいですか?

以下のことを行うのに非常に苦労しています。さまざまなコンテナーに表示するために CSS でフォ​​ーマットされたダッシュ アプリケーションがあります。 「hexgrid-1-container」というラベルの付いたコンテ...

から [CSS3ディスカッショングループ] 2024-02-26 22:35:55 0  1  593

CSS だけを使用するとコンテンツが収まらない場合、中央の要素を新しい行に分割するにはどうすればよいですか?

以下はより一般的な例です。 <div><div>Shortdynamictext.</div><divid="in-between">Possiblel...

から [CSS3ディスカッショングループ] 2024-02-26 22:10:44 0  1  424

ラベルが長いとフォーム内のフィールドの表示が変わる

これらの分野を調整するためにあらゆる努力を払っています。広い画面では「OK」と表示されますが、小さな画面ではラベルが長すぎるため、フィールドの配置に影響します。現在は次のようになります。 画面の幅が十分でない場合は、次の...

から [CSS3ディスカッショングループ] 2024-02-26 20:51:43 0  1  344

CSSを使用したNVG効果

CSS を使用して NVG エフェクトを作成しようとしていますが、どこから始めて、グローやノイズのエフェクトなどを追加する方法がわかりません。誰かが何かヒントを知っているか、同様のことを試したことがある場合は、私をガイド...

から [CSS3ディスカッショングループ] 2024-02-26 20:37:50 0  2  396

React: クリックされた行データのみを開く

fullText という状態変数を定義しました。 fullText のデフォルト値は false です。全文がクリックされたときに状態値を反転して、テキストを閉じたり開いたりできるようにしたいと考えています。しかし、クリ...

から [CSS3ディスカッショングループ] 2024-02-26 19:47:12 0  1  386

ajaxを使用してスライドショーをSlickに追加する

そこで私は SlickCarousel を使用し、パフォーマンス上の理由から 24 に制限されているデータベースの製品リストを表示します。しかし、それらをすべて表示する必要があるので、afterChange 関数を作成し...

から [CSS3ディスカッショングループ] 2024-02-26 19:55:30 0  1  362

フレックスボックスを使用してこのレスポンシブ レイアウトを実装する方法

Flex コンテナ内に xy 個のカードと 1 つのウィジェットをレンダリングする React アプリを作成しています。すべてのカードの幅と高さは同じですが、ウィジェットの高さはカードの高さ * 2 + 行ギャップに等し...

から [CSS3ディスカッショングループ] 2024-02-26 19:29:01 0  2  415

プログレスバーのカスタム範囲を設定する

進行状況バーがパーセンテージで表示されるようになりました。 %から範囲スケールに変更したいと思います。最小: 0 最大: 10 これは % に適用されます: <linkrel="stylesheet&qu...

から [CSS3ディスカッショングループ] 2024-02-26 18:59:45 0  1  403

CSS: サイズが等しくない子を持つ要素を垂直方向の中央に配置しようとしています

皆さん、こんにちは。これが私が現在持っているものの写真です。3行3列のグリッドがあり（各列は最小限のコンテンツです）、各セルの中央に要素を配置しています。見た目は良いですが、ヘッダーが大きくなると、スイッチとカテゴリの間...

から [CSS3ディスカッショングループ] 2024-02-26 18:39:24 0  1  379

グレースケール SVG がアルファに変換されると明るさが低下するのはなぜですか?

SVGを使用して透明な「星空」効果を作成しようとしています。 Web ページ上の黒い背景要素内に SVG をインラインで配置しています。まず乱流フィルターから始めて、次にカラー マトリックスを適用して目的の効果を実現しま...

から [CSS3ディスカッショングループ] 2024-02-26 18:01:19 0  1  328

検索入力を左に拡張したい

検索ボックスを左に拡張しようとしましたが、どういうわけか幅を占めて右に拡張されてしまいます。左マージンを与えてみましたが、まだ機能しません。ここでは右に拡大していますが、左にも拡大したいと思います。左パディングを追加しよ...

から [CSS3ディスカッショングループ] 2024-02-26 18:09:43 0  2  424

Webpack: 一部の CSS スタイル プロパティが適用されないか、実行されていません

私は現在、Twig と TailwindCSS を使用して Symfony6 プロジェクトに取り組んでいます。このガイドに関するすべてをここにインストールしました: https://tailwindcss.com/doc...

から [CSS3ディスカッショングループ] 2024-02-26 16:22:02 0  1  359

React での複数のボタンの実装: クリックされたボタンを除くすべてのボタンの選択を解除する

3 つのボタンを実装しようとしていますが、そのうちの 1 つをクリックすると背景色が変更され、他の 2 つのボタンの選択が解除され、背景色が元の色に戻ります。ただし、React で実装しようとすると、常にボタン 1 つ後...

から [CSS3ディスカッショングループ] 2024-02-26 15:26:22 0  1  338