「ブートストラップ 5 - アコーディオンの内側と外側の要素を揃えるマージン」

3 つの Bootstrap5 グリッドを整列させようとしています: アコーディオンの外側のタイトル アコーディオン タイトルの概要 アコーディオン コンテンツの詳細 アコーディオン タイトルには左右のマージン/パディングがあり、アコーディオン アイコンもある程度のスペースを占めます。タイトルと詳細のグリッドに概要グリッドと同じ「余白」を使用したいと考えています。 「ps-4pe-4」のようなパディング付きの列を追加してみましたが、せいぜいおおよその位置合わせしか得られません。 .coloured-bg1{背景:ライトグレー}.coloured-bg2{背景

P粉834840856 2023-08-31 12:54:27 0  1  620

CSS を使用して画像に複数の透明なオーバーレイを追加する方法

三角形を押して白い円の上にコンテンツを含めるにはどうすればよいですか?画像の一部として 3 つのオーバーレイ形状を含む背景画像を使用してヒーロー セクションを作成する解決策を見つけようとしています。オーバーレイの上には h1、p、btn が表示されます。デザインがどのように見えるかを示すスクリーンショットを以下に示します。次の 3 つのオーバーレイがあります。 下部の透明度が 0% の直角形状。透明度のある外側の円。透明感のある内側の円。これが私がこれまでに持っているものです。以下にスニペットを示しました。Codepen には実用的なバージョンもあります。サークルの位置は

P粉777458787 2024-02-25 17:09:14 0  1  463

3 つの SVG ファイルをページ上で中央揃えにするにはどうすればよいですか?

3 つの個別の SVG ファイルがあり、それぞれを重ね合わせるとグラフィックが作成されます。最初の SVG ファイルは赤い三角形、2 つ目は三角形の内側にある青い円、3 つ目は三角形の底辺にある紫色の長方形です (三角形と長方形の間には少しスペースがあります)。私の目標は、3 つの SVG ファイルすべてをページの中央に重ねて配置することです。以下は私の HTML と CSS コードです。 *{マージン:0;パディング:0;ボックスサイズ:ボーダーボックス;}.graphic{高さ:1

P粉998100648 2023-09-07 14:20:58 0  2  631

PhpStorm の PHP ファイルの前のアイコンがファイルに変わります

PhpStormでphpファイルの前のアイコンがfileに変わってしまいました ファイル作成時にうっかりphpというサフィックスを入力してしまい、どこをクリックしたのか分かりません その後、ファイルの前のアイコンが から変わってしまいました丸に C を加えてこのようなものにします。なぜですか?元に戻してください

曾经 2022-03-01 17:51:56 0  3  1740

モバイル ビューで、ユーザーがリンクをクリックしたときにこのナビゲーション バーを閉じるにはどうすればよいですか?

ユーザーがリンクをクリックして Web サイトを閲覧すると、ナビゲーション バーが閉じませんか?ナビゲーション バーを閉じるために、クリック イベント リスナーを各リンクに追加しようとしましたが、機能しません。また、アクティブな位置 (つまり X) のハンバーガー メニュー アイコンが適切に配置されていません。しかし、主な問題は、ナビゲーション バーをクリックすると折りたたまれることです。 $(document).ready(function(){$('.container').click(function(){$('.navbar.menu').toggleClass(

P粉692052513 2024-04-06 19:23:03 0  1  744

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

境界線は静的な高さと幅を表します。図のように 3 回折り返すのではなく、項目 5 と 6 を 2 行目に残し、項目 3 と 6 を切り取りたいと思います。 Flex でこれを実現するにはどうすればよいですか?この問題を補うために、コンテナー (境界線で表示される) の幅をユーザーのアクションによってサイズ変更できます。広いときは。たとえば、4 つの要素を保持できる幅がある場合、4 つの要素すべてが 1 行目に表示され、残りの要素が 2 行目に表示されます。コンテナーの幅を折りたたむときは、以下の画像に示すように最大 2 行になるようにします。結果を次のようにしたいので、

P粉785957729 2024-04-01 14:02:02 0  1  537

問題 2003 (HY000) を修正する方法: MySQL サーバー 'db_mysql:3306' に接続できません (111)

最近、FastAPIPython サーバーをコンテナ化しようとしました (レプリケーション/二重化の目的でもあります)。以前は、Docker コンテナーに MySQL サーバーだけを入れてすべて問題なかったのですが、Web サーバーもサービスにしたところ、MySQL サーバーに接続できなくなり、アプリケーションが動作しなくなりました。以下は、アプリケーション fromfastapiimportFastAPIimportmysql.connectorapp のサーバー データベース初期化コネクタのコード スニペットです。

P粉178132828 2023-09-05 11:18:47 0  1  848

クエリ制限後のソートを試してみる

それで、これが私の最初の質問です、何か間違っている場合はご容赦ください。制約に基づいて並べ替えクエリを作成しようとしています。つまり、90 個のレコードを持つ Customers テーブルがあります。まず 3 レコードに制限されたクエリを実行し、次にこのクエリの結果を ContactName という列で並べ替えたいと考えています。これはネストされたクエリである可能性があると思います。ネストされたクエリは SQLServer では正常に実行されますが、MySQL で実装する方法がわかりません。制限クエリ: Select*fromcustomerslimit

P粉237125700 2023-09-05 14:46:42 0  1  738

CSS グリッド: 子コンテンツが列幅をオーバーフローした場合に新しい行を作成する

CSS グリッドに基づいた 2 列のレイアウトがあります。 2列目の内容が1frを超えた場合、新しい行を作成したいと思います。現状では、コンテンツが単に列から溢れてしまいます。このレイアウトの要件の 1 つは、右側のメニュー列の項目が 1 行にあることです。これを次のように実行します。 .right-menu{...grid-auto-flow:columndense;...} Grid-auto-flow 属性を削除すると、オーバーフローが停止します。ただし、アイテムは複数の行に積み重ねられており、これは私が望むものではありません。 .riも変換してみました

P粉212114661 2023-09-05 15:18:28 0  1  630

AND、OR、NOT 演算子を使用した PHP 全文検索機能

初心者の質問: php と eloquent を使用して、検索文字列の全文検索を実装しようとしています。 $searchstring="+(被害者容疑者)+crime-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  600

すべての PHP 型を文字列に変換する最短の方法

私は、いつか医療などの分野 (つまり「科学的」) に適用できることを願っている一般的なシステムを書いています。最良の方法は、php 内のすべてのデータを文字列で表すことだと思います (true は「true」、false は「false」など)。その理由は、php ではすべての値が一意の文字列表現 (php コード自体など) を持つためです。このプログラムの設計プロセスをスピードアップするために、この質問を投稿しました。数値やブール値など、一部の値は簡単に文字列に変換できます。オブジェクト、配列、リソースなど、簡単ではないものもあります。譲渡対象だと思いますが、

P粉369196603 2023-09-05 15:34:44 0  1  1018

他の列でグループ化しながらMySQLのDATETIME列の平均を取得する方法

次のクエリを使用して MySQL テーブルを作成し、データを設定しています: SETtime_zone='+00:00';CREATETABLEtimestamp_n_datetime(idINT,timeDATETIME,avg_timeDATETIME);INSERTINTOtimestamp_n_datetime(id,time,avg_time)VALUES("1","2023-01) -0310:

P粉460377540 2023-09-05 11:46:21 0  1  520

マルチデバイス (携帯電話) の同期 - React Native

すべてのユーザーのモバイル デバイスで同時に起動するライトショーを作成しようとしています (最大 2000 ～ 3000 人のユーザーが参加可能)。すべてのユーザーはインターネット (Wi-Fi またはモバイル データ) を使用します。私たちの FE では、サブスクリプションに Apollo を使用していますが、それは魅力的に機能します。しかし問題は、ユーザー A がユーザー B よりも早くサブスクライブされたイベントを取得できることです。これは、ユーザー A がユーザー B よりも早くゲームのプレイを開始することを意味します。ライトショー アーキテクチャがあり、ユーザーは早くも遅くも開始でき...

P粉151466081 2023-09-05 11:58:38 0  1  710

スペード、ダイヤモンド、ハート、クラブ => Android 版 Chrome ではスタイルのフォントの色が変更されない

Windows 上の Google Chrome では、カードのスーツのシンボル (スペード、ハート、ダイヤ、クラブ) は、「style」属性を使用して正しく色付けされます。残念ながら、Android 上の Google Chrome で表示される同じページには、私が定義した色は表示されず、デフォルトの黒と赤が使用されます。 (効果については添付の図を参照してください) HTML コード: (プロジェクトへのリンク https://stackblitz.com/edit/web-platform-z2cs3t?file=index.html

P粉896751037 2023-09-05 15:25:13 0  1  768

mui TextFieldラベルを非表示にする方法は?

私は Nextjs アプリを開発しています。mui で構築されたダッシュボード ナビゲーション バーには、通常の HTML と CSS で構築された通知ボックスを開く通知が含まれています。 Dashboard-navbar.js: importNotificationBoxfrom"./notification-box/notification-box";//...exportconstDashboardNavbar=(props

P粉239164234 2023-09-05 15:41:00 0  1  694

モバイル上のカスタム Bootstrap 5 カルーセル (複数の項目、ただし 1 行ではない)

モバイル デバイスでカルーセル レイアウトをカスタマイズしようとすると問題が発生します。モバイル上でカルーセルの項目を 1 つだけではなくすべて表示したいのですが、いくつかの CSS と JS、特に displayfloat または max-witdh を使って試した後、これは不可能だと思い始めています。どこを見ればよいかわからない、間違った場所や物件を表示している。私が何を達成しようとしているのかがわかるように、2 つの画像を含めました。私が達成しようとしているもの: 私が持っているもの: サンプル HTML コードは非常に基本的なコードです。CSS は含めていません。

P粉763662390 2023-09-05 11:53:56 0  1  603

複数のログイン方法とロールベースの認証で Firebase Authentication を使用するにはどうすればよいですか?

バックエンドとしてnodejsを使用してreact.jsアプリケーションを作成しています。電子メール/パスワードを使用したログイン、Googleを使用したログイン、電話を使用したログインにこれ​​らの認証方法を使用したいと考えています。ユーザー名に署名する際にユーザーの一意性を維持したいと考えています。これらのいずれについても、ユーザーが電子メール/パスワードを使用して登録するときなど、他の詳細も取得します。その後、ユーザーの電話番号も取得します。ユーザーが電話メソッドを使用してログインして、その電話番号を使用して別のアカウントを作成することは望ましくありません。 2 番目の問題は、アプリケー...

P粉574695215 2023-09-05 12:18:10 0  1  668