flex css - 折り返すのではなく、特定の高さの後の要素をクリップします

境界線は静的な高さと幅を表します。図のように 3 回折り返すのではなく、項目 5 と 6 を 2 行目に残し、項目 3 と 6 を切り取りたいと思います。 Flex でこれを実現するにはどうすればよいですか?この問題を補...

から [CSS3ディスカッショングループ] 2024-04-01 14:02:02 0  1  526

Reactjs SVG アイコンは同じ CSS にもかかわらずサイズが異なります

私はreactjsを使ってウェブサイトを構築するのは初めてです。私は React Icon Library の ReactJS アイコンを使用しています。これらのアイコンが Web サイトの同じ部分で繰り返される場合、そ...

から [CSS3ディスカッショングループ] 2024-04-01 13:18:38 0  1  496

HTML <pre><code> タグをラップせずにオーバーフローしようとすると、フレックススペースが壊れる

GitHub などで見られるようなスタイル付きのコード ブロックを作成するために、CSS をプリコード セレクターに適用します。レイアウトに Flexbox を使用しており、「box」 div 内に 2 つの「panel...

から [CSS3ディスカッショングループ] 2024-04-01 12:22:06 0  1  445

画面上で何も中央揃えにできません

CSS を使用して HTML 上に応答性の高いナビゲーション バーを作成する方法に関する YouTube チュートリアルに従っています。画面の中央にテキストを追加しようとすると、テキストが画面の左側に表示されるまではすべ...

から [CSS3ディスカッショングループ] 2024-04-01 11:51:40 0  2  438

フレックスボックスのデザイン: 吹き出しのすべての側面が接触するようにしたい

.fm-bubbles{display:flex;flex-wrap:wrap;width:100%;height:100px;}.fm-bubble{flex:1110%;height:max-content;bord...

から [CSS3ディスカッショングループ] 2024-04-01 10:59:44 0  1  402

ホバー時にアニメーションを一時停止し、マウスが離れるとアニメーションを継続する方法

私はいくつかの解決策にうんざりしましたが、これが私が得た最も近い解決策です。しかし、この結果にはまだ満足していません。マウスが要素から離れると、要素は元の回転に戻ってしまうからです。要素の上に移動すると、マウスが要素から...

から [CSS3ディスカッショングループ] 2024-04-01 09:43:54 0  1  479

選択イベントが変化すると、CSS アニメーションが対応する効果をトリガーします。

私は React アプリを作ろうとしています。現在、いくつかのポケモンが入った選択入力ボックスがあります。私がしなければならないことは、選択が変更される (つまり、ポケモンが変更される) たびに、ポケモンのスプライトが少...

から [CSS3ディスカッショングループ] 2024-04-01 09:16:28 0  1  535

Angular では、ボタンをクリックするだけでツリー ビューを Syncfusion ドキュメント エディタに統合できますか?

syncfusion ドキュメント エディターのツールバーにカスタム ボタンを作成し、ツリー ビューという名前を付けました。ドキュメント エディタにツリー ビュー機能を追加したいと考えています。 syncfusion の...

から [CSS3ディスカッショングループ] 2024-04-01 09:18:00 0  1  415

入力タイプのラジオボタンで作成したリストをスクロールするにはどうすればよいですか?

これは私のコードです。 <inputtype="radio"name="buttons"id="r1"checked><inputtype=&...

から [CSS3ディスカッショングループ] 2024-04-01 08:41:36 0  1  339

Vue：ドロップダウンメニューの遷移と別要素のクラスを切り替える方法

私はこれを取得しました（非常に単純です）： <divclass="dropdownMenuWrapper"><ulclass="dropdownMenu">...

から [CSS3ディスカッショングループ] 2024-03-31 21:34:34 0  1  479

この CSS を readme.md に追加するにはどうすればよいですか?

readme.md ファイルでこのエフェクトを使用するにはどうすればよいですか? <h1>ようこそ</h1>h1{background-image:url(./image.gif);backgro...

から [CSS3ディスカッショングループ] 2024-03-31 19:56:53 0  1  404

シーケンス内の各行に CSS ベースの入力アニメーションを作成する

<divclass='screen'><divclass='text-container'><pclass='text'>コンピュータへの損傷を防ぐために問題が検出され、システムがシャ...

から [CSS3ディスカッショングループ] 2024-03-31 17:50:29 0  1  468

CSS Clip-path:circle() プロパティを使用して画像の周囲に円形の境界線を作成します

画像に枠線を追加する方法を知りたいですclip-path:circle(); 他に枠線を追加する方法はありますか？例: border: 5px ソリッドレッド; 私はこれを試しました: .roundedimage{wid...

から [CSS3ディスカッショングループ] 2024-03-31 17:35:30 0  1  537

React.js CSS ウィンドウの幅

Reactを使用してレスポンシブWebサイトを開発しています。スタイル設定には CSS スタイルシートを使用します。応答部分は @media クエリを使用して CSS で実装されます。問題は、Chrome を使用すると要...

から [CSS3ディスカッショングループ] 2024-03-31 16:31:23 0  1  526

JavaScript コードが hsl から rgb に自動的に変換するのを停止する方法

このコードでは、オブジェクトに色を割り当て、条件を使用して項目が選択されているかどうかを確認します。ただし、JavaScript (またはブラウザ) が HSL を RGB に変換するため、一致が発生しないため、この条件...

から [CSS3ディスカッショングループ] 2024-03-31 16:46:02 0  1  475