書き換えられたタイトル: サイズ変更時に固定 HTML の正方形または円要素を水平方向および垂直方向に中央揃えにします。

水平方向と垂直方向にさまざまなサイズの正方形または円の固定 HTML 要素を中央に配置するにはどうすればよいですか?この難しさは、幅と高さを等しく保つ必要があるという事実から生じると思います。

P粉455093123 2024-04-04 12:31:51 0  1  393

css3で正方形の画像をx回転なしで台形に変換します

背景画像のある正方形の div を台形に変換しようとしています。 Photoshopの「歪み」ツールと同じように、2Dで作りたいと思っています。基本的に、私が望むのは、正方形の上端を縮小し、それに応じて画像を変形させることだけです。 3D 変換はトリックを行う「ようです」:transform:rotateX(30deg); ほとんどのユースケースで機能しますが、すべてではありません。実際、これは 30 度回転した正方形で、正面/背面から見ると台形のように見えますが、反対側から見ても 30 度回転した正方形です。

P粉604669414 2024-03-28 15:26:58 0  1  328

親要素が小さくなるにつれて、パディングサイズを小さくします

セル内に正方形を描画するグリッドがあります。行と列の数があり、グリッド セルを描画し、(配列に従って) 各セルに正方形があるかどうかを確認し、必要に応じて正方形を描画します。最終的な HTML の結果は次のようになります: (1 行 3 列があると仮定すると、正方形を持つセルは 2 つだけになります).row{display:flex;flex-wrap:wrap;flex:1000010%;}.column{display :flex ;flex-wrap:wrap;m

P粉807397973 2024-04-03 17:37:05 0  1  346

シェル内の vim カーソルをさまざまな状態でさまざまな形状にする方法

例えば、挿入時は「|」が表示され、コマンドモードでは四角が表示されます。 macvim ではデフォルトで形状が変更されますが、シェルでは変更されません。

曾经蜡笔没有小新 2017-05-16 16:42:34 0  2  844

WebGL はインデックス 255 を使用したインデックス描画をサポートしていません

これは、uint8 値 255 のみを使用してインデックス バッファーを作成する最も単純な WebGL テスト プログラムです。サイズ 64px の赤い正方形が描画されるはずですが、描画されません (描画にはインデックス値は関係ありません)。どういうわけか、WebGL は、符号なしバイト範囲内にあるにもかかわらず、インデックス 255 の要素を無視します。 254 またはその他の値を使用すると、赤い四角形が期待どおりに表示されます。これは WebGL のバグですか、それとも予期された動作ですか?関連する情報が見つかりません。 letcanvas=ドキュメント.クエリ

P粉265724930 2023-08-17 12:37:59 0  1  449

正方形スペース上のMP4ビデオに円形の境界線を追加する方法

正方形スペースのビデオに境界線の半径を追加しようとしていますが、機能しません。誰かこれを行う方法を知っていますか?ビデオに円形の境界線を付けようとして、次のコードを試してみました: #block-df45bbc957de1bd8c905.video-block.video-player{padding-bottom:120%;border-radius:10px;};

P粉781235689 2023-08-31 16:24:14 0  1  560

JavaScript を使用して三目並べゲームを作成する試み

ボード上の四角をクリックして、JavaScript を使用して三目並べの X と O を実装しようとしています。三目並べゲームの X または O を作成する必要があります。しかし、XかOをどうやって出すのかわかりません。そして、実際の三目並べゲームのように機能する必要があります。

P粉733166744 2023-09-03 15:07:48 0  1  528

擬似要素の Font Awesome 5 がアイコンではなく四角形を表示する

FontAwesome アイコンを含むスパンのコンテンツを CSS ページから直接変更しようとしていますが、機能するように見えません。 1) FA をインポートしました<linkrel="stylesheet"href="https://use.fontawesome.com/releases/v5.0.9/css/all.css"integrity="sha384-5SOiIsA"

P粉773659687 2024-01-09 22:35:19 0  2  421

SafariでCSSを使用して円形の<ボタン>に円形のアウトラインを取得する方法

同じ色の輪郭を持つ丸いボタンを取得しようとしていますが、それは不可能のようです。輪郭は常に正方形になります。これを a で実現する方法はありますか、それとも a でのみ実現できるのでしょうか?ボタン{幅:40px;高さ:40px;境界線:なし;境界線の半径:40px;カーソル:ポインター;背景色:黒;表示:継承;アウトライン:5pxsol

P粉066725148 2023-10-26 09:54:54 0  2  1016

React Native を使用して画像グリッドを作成する

ReactNative で画像グリッドを構築するのを手伝ってほしいです。配列内のマップされたデータを使用して画像のグリッドを作成しようとしています。マッピング部分は正常に機能しますが、画像が希望どおりに配置されません。これが私が探しているものです（画像が赤い四角に配置されている場所）：これはこれまでの私のコードです：<ScrollViewstyle={{flex:1,backgroundColor:' yellow',}}>{data.map( image= >(<表示

P粉115840076 2024-02-21 10:40:48 0  2  311

Select2 ドロップダウンの外観をカスタマイズする

私の場合、ドロップダウンに select2Combobox を使用しています。ここでは、国の選択が変更されると、その選択された ID を JSON 結果に渡し、その結果を州コンボ ボックスに割り当てて取得します。これが発生すると、ドロップダウン ビューが丸いエッジから正方形に変わります。同じスタイルを select2 コンボボックスに追加する方法を知りたいです。これが私のコードです。 <divclass="col-md-6col-sm-6"><divclass=&q

P粉256487077 2024-04-03 11:27:22 0  1  425

フレックスクロスの聖杯レイアウトの文字の位置は変更できないのでしょうか？

聖杯レイアウトを利用したのですが、文字の位置を変えるのが大変で、左右の文字を左上に配置したいのですが、どのような方法で実現できますか？私はここで2日間立ち往生していますが、それを実装する方法がわかりません。試してみたところ、緑色の四角形が一番上にありましたが、文字はまだ真ん中にありました。理由は何ですか？ html コード <div class="left" > <nav> <di

无花果树 2019-07-21 22:03:45 0  0  1007

CSS グリッド レイアウト 正方形のセル

CSSGrid-Layoutをベースとしてダッシュボード風のビューを作成したいと考えています。画面の全長に 16 列を配置したいと考えています (応答性があるはずです)。セルを正方形にするには、セルの高さをセルの幅によって決定する必要があります。問題は、一部のセルを複数のセルにまたがりたいことです。たとえば、2x1 セルを占める要素が必要です。基本的なグリッドレイアウトがあります: .grid-container{display:grid;grid-template-column

P粉593536104 2023-08-15 20:13:32 0  1  465

NestJS API でテスト駆動開発を使用すると、コントローラーとサービスが同じテストを共有します

Prisma と MySQL を使用して NestJS ベースの API を開発しています。私はテスト駆動開発 (TDD) を初めて使用するため、プロジェクトにテストを追加し始めたいと思っています。 UsersService のテストは正常に作成できましたが、対応する UsersController をテストする方法がわかりません。また、単体テストと結合テストの違いもよくわかりません。以下に、私が作成した UsersService、UsersController、およびテストに関連するコード スニペットを示します。プリズムスクエア

P粉354602955 2023-09-16 08:44:31 0  1  502

HTML input タグが予期せず CSS グリッドラインを移動する

問題を単純化するために、2x2CSS グリッド div があるとします。以下のコード スニペットに示すように、グリッド テンプレートを使用して、これら 4 つのセル内の 3 つの div (クラス名: "btn"、"title"、および "info") のサイズを変更します。 (2 行目の 2 列をマージして、3 番目の div を class="info" のままにします)最初の div (class="btn") のアスペクト比は 1/1 です。そこで高さを 10vh に設定すると正方形にな...

P粉513318114 2023-09-14 00:31:55 0  2  499

私のアイコンが HTML に表示されず、代わりに枠線付きの四角形が表示されるのはなぜですか?

タイトルで述べたように、Font Awesome Web サイトを使用してアイコンを取得し、次のコードを使用してそれを表示しようとしました: Loading....">fa-xl クラスを使用してアイコンを大きくしようとしましたが、結果は表示されませんどちらも機能しません。

P粉842215006 2023-07-28 00:13:10 0  1  622

画像の開始点と終了点

画像の開始点と終了点を設定しようとしています。それで、キャンバスと画像があり、画像をキャンバスに配置すると、開始点/終了点の上にマウスを置いたときに小さな赤い円が点灯するようにしたいのですが、これは他の画像を接続して作成できることを意味します。例: 1) 画像をドラッグします。 2) 画像をキャンバスに配置します。 3) マウスを開始点/終了点に移動すると、小さな赤い点が点灯します。ご覧のとおり、赤い点はホバー時にのみ表示されます。もう 1 つの質問ですが、最初の質問を解決できれば、画像がグリル (正方形) に従っていません。これは html/js のコンストレジスタの例です。

P粉511757848 2023-08-31 12:24:51 0  1  553

レスポンシブ ブロックをフレックス列に配置する

ヘッダー、ボード、フッターのあるゲーム Web サイトを持っています。 3 つすべてがビューポート内に収まるようにする必要があります。これを実現するには基板を小さくする必要があります。縮小化が私が抱えている問題です。幅を応答させることはできましたが、高さを制限することはできませんでした。ボードは正方形のままで未使用のスペースを占めるか、オーバーフローを防ぐために縮小する必要があります。以下のようなことをしているのですが、チェス盤が親の高さからはみ出してしまいます。実際のコードでは、行の折り返しによりヘッダーの高さは不明です。フッターにはさまざまな量のテキストが含まれます。チェス盤の内部には、行...

P粉545682500 2023-09-03 19:51:51 0  2  568

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

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

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

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

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

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