静的位置決めと相対位置決めの違い

CSS では、静的 (デフォルト) 配置と相対配置の違いは何ですか?

P粉316423089 2023-08-22 19:33:59 0  2  637

:before および :after 擬似要素に「content」属性が必要なのはなぜですか?

特定のシナリオで、:after セレクターが機能するために content 属性が必要なのはなぜですか? .test{幅:20px;高さ:20px;背景:青;位置:相対;}.test:after{幅:20px;高さ:20px;背景:赤;表示:ブロック;位置:絶対;上:0px;左:20

P粉653045807 2023-07-17 18:43:31 0  2  540

リンクが画像全体を覆うようにするにはどうすればよいですか?

中央だけでなく、画像の上にカーソルを置いたときにも、すべての画像をリンクでカバーしたいと考えています。 .moduledata{位置:相対;幅:自動;マージン:0px!重要;最大幅:380px;}.moduledata>h5{位置:絶対;左:50%;上:50%;transform:translate(-50% 、-50%);}.m

P粉481815897 2024-04-02 20:45:43 0  1  509

DNSサーバーとは何ですか?

DNS (Domain Name Server) は、ドメイン名と対応する IP アドレスを変換するサーバーです。 DNS は、メッセージのドメイン名を解決するために、ドメイン名と対応する IP アドレスのテーブルを保存します。ドメイン名は、インターネット上のコンピュータまたはコンピュータ グループの名前で、データ送信中にコンピュータの電子的位置 (場合によっては地理的位置も) を識別するために使用されます。ドメイン名は次の方法で作成されます。

Crazy 2021-10-19 11:42:15 0  6  2619

fpdf の位置を決めるのに助けが必要です

私は fpdfcell と multicell を初めて使用するので、コードに関するヘルプが必要です。私が書いたコードは次のとおりです: $pdf->Cell(60,6,'MAILINGADDRESS','L,R',0);$pdf->Multicell(65,5,$puchaser1[0]["address"] ,1);$pdf->Cell(60,11,$puchaser2[0]["アドレス&qu

P粉619896145 2023-09-09 17:54:44 0  1  651

パディングを使用して親要素内の兄弟画像/divの重複と同じサイズを実現する方法

画像をカバーするdivが必要です。親要素でposition:relativeを使用し、divでposition:absoluteを使用すると、divが画像をカバーするようにできますが、背景色が親要素のパディングを埋めるため、適切にカバーできません。以下は問題を示すスニペットです。 .parent{位置:相対;パディング:10px;幅:40%;}.image{幅:

P粉554842091 2023-09-12 10:49:55 0  2  559

Flexbox を使用して要素を左と中央に揃える

子要素を整列させるために Flexbox を使用しています。私がやりたいのは、1 つの要素を中央に配置し、もう 1 つの要素を左に揃えることです。通常、左要素を設定するには margin-right:auto を使用します。問題は、中心要素を中心から遠ざけることです。絶対位置決めを使用せずにこれは可能ですか? HTML と CSS#parent{align-items:center;border:1pxsolidblack;display:flex;justify-content:center;mar

P粉545682500 2023-08-27 21:54:23 0  2  565

CSS: リスト項目間の間隔を変更する

リストの CSS を編集しようとしましたが、行に正しく移動してリスト要素間の高さを調整する方法が見つかりませんでした。ウェブサイトのリンク: https://denkimedia.com/prod/K2211001/test/ メニューは開きますが、リスト要素間のサイズを修正する方法がわかりません: リストの表示が正しく機能しません。 :) 行を調整するために、article-verticle.css の位置と空白を変更しました。 .flowpaper-reflow-tocitem{位置: 相対; 空白: 通常; 内部

P粉436410586 2024-04-02 15:46:38 0  1  446

HTML5キャンバスを使用せずに円形セクターを動的にレンダリングする方法

フォーチュン ホイールを作成しているのですが、セクターの数に基づいてホイールまたはサークルを作成し、賞品の名前を記入する必要があります。固定セクター数の円のコードが完成しました。以下は 6 つのセクターを含む円の例です。 .wheel_container{位置:相対;--ホイールサイズ:360px;幅:var(--ホイールサイズ);高さ:var(--ホイールサイズ);マージン-ボトム:2.4em;}。

P粉731861241 2023-09-02 10:43:07 0  1  546

HTML ビデオ要素コントロールが表示されない

video 要素を作成し、controls 属性を true に設定しましたが、if(!this._player){this._player=document.createElement('video');}this._player ではコントロールが (ホバーしても) 表示されません。 controls=true;this._player.src=xxxxx; また、ビデオ要素の幅を 100% に設定し、コンテナの位置は相対的になります。デフォルトを表示するにはどうすればよいですか

P粉788765679 2023-08-18 12:54:43 0  1  599

要素を等間隔に配置し、:after で配置するために十分なスペースを残すにはどうすればよいですか?

疑似要素 :after を使用して、ブロック リストの最後の行を左側に揃えます。これらのブロックを均等に配置するためにスペースを使用します。私の問題は、:after がスペースを占有するため、最後の行のブロックがユーザーと位置合わせされていないことです。この問題はどうすれば解決できますか? .exposegrid{width:500px;display:flex;flex-flow:rowwrap;justify-content:space-evenly;&:after{content:&

P粉129168206 2023-09-12 20:16:59 0  2  555

画像をトリミングして移動します。グリッドレイアウト

画像を正しい位置に配置し、上下をトリミングするのに苦労しています。これは次のようになります (ヒーロー部分): https://www.behance.net/gallery/161732057/CozyMornings-online-store プロジェクト全体はグリッド上に構築されます。円形の画像を左に移動し、コンテナより大きく、上下をトリミングする必要があります。さらに、応答性が高い必要があります。画像をパッケージに入れようとしています。このラッパーに相対位置を与え、オーバーフローを非表示にします。これではありません

P粉548512637 2023-09-15 19:18:46 0  1  605

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

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

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

html - thinkphp3.2.3+mysqlの問題

フロントエンドは次のように設計されています。次に、クリックして概要を追加すると、もう 1 行が表示されます。これが続けば、必要なだけ行を含めることができます。thinkphp を使用してデータベースに挿入するこの問題を解決するにはどうすればよいですか?以前は直っていたのに今は直らないので対処法や入れ方が分かりません…

漂亮男人 2017-05-24 11:33:35 0  4  615

CSS - アンカーポイントの移動 表示:フレックスおよび位置:絶対

Flex 要素と 3 つの子要素があります。 2 番目の子は、次のように絶対位置を使用して最初の子に重なる必要があります。 予想されること: 2 番目の子は最初の子の隣ではなく、その上にある必要があることに注意してください。ただし、親にdisplay:flexを設定すると、絶対要素のアンカーポイントまたは参照ポイントがdivの先頭に移動するようです。実際の結果は次のとおりです。 実際の結果: 2 番目の子要素を最初または 3 番目の要素の中に置くことは、overflow:scroll があるため、オプションではありません。親の他の表示属性を使用する

P粉252116587 2024-03-29 23:51:55 0  2  510

javascript - WeChat アプレットの js フロントエンドでの入力位置の問題

1. 入力された数字に基づいて要件 (数独のルール) を満たしているかどうかを判断する、数独ゲームの WeChat アプレットを作成しましたが、ユーザーが入力した数字の位置をどのように見つけるかという問題が発生しました。数値は位置に応じて変換する必要があります。これを対応するスクリプト ファイルに渡して、ルールが満たされているかどうかを判断しますが、あまりよくないため...

天蓬老师 2017-05-19 10:11:40 0  3  746

Java で JDBC を使用して、RAM 消費量を増やさずにデータベース サーバーの継続的な更新を実装する方法

私は JavaFX で格闘ゲームを作成しており、JDBC を使用して情報を MySQL データベースに更新しています。データベース サーバーから基本情報を取得するタスクのほとんどは、継続的に繰り返さなければ正常に動作します。問題は、ゲーム内の位置、レベル、ダメージなどの対戦相手の情報を常に更新するプログラムが必要な場合に発生します。常に選択コマンドをサーバーに送信する必要があるため、これらのコマンドを実行するスレッドが使用する RAM が増加します。 voidstartUpdatingOpponentInfo(){スレッドスレッド=ne

P粉323224129 2023-09-07 20:10:29 0  1  811

グラデーション効果が画像の端でフェードアウトしないのはなぜですか?

画像の端をぼかすか、少なくとも漠然とフェードアウトしたいと考えています。何を試してもうまくいかず、Stackoverflow のすべての質問を調べました。 SassではなくCSSを使用しています。問題を複雑にするために、ページに背景画像を配置し、それを不透明度 0.8 の白いマスクで覆います。誰か助けてくれませんか？これが私のコードペンです。 .screen{位置:相対;幅:100vw;高さ:100vh;disp

P粉317679342 2023-09-09 23:34:16 0  1  544

ページ上の要素のオーバーフロー部分までスクロールできません

ページのサイズを変更すると、要素がビューポートの上にオーバーフローし、上にスクロールして表示できなくなります。解決策のある質問を見つけましたが、うまくいきませんでした。 2 つの「コア」非表示 div と、すべてのコンテンツを含む 1 つの div 要素があります。 「container」div が存在するのは、この問題を解決しようとしているためです。 .container{位置:固定;上:0;左:0;幅:100%;高さ:100%;Z-インデックス:500;}.main-co

P粉041881924 2023-08-30 21:41:10 0  2  595

ダイアログ要素の外側に表示されるボタンをクリックしたときにクリック イベントをトリガーするにはどうすればよいですか?

Vue3 アプリケーションでネイティブ HTML ダイアログ要素をモーダルとして使用しており、絶対配置を使用してモーダルの横/外側にボタンを表示することに成功しました。ただし、ダイアログ要素の性質と、ダイアログ要素が最上位に配置される方法により、ダイアログ要素の外側のボタンをクリックしたときにクリック イベント (displayNextModal) を起動できません。デフォルトではダイアログ ボックスが常に最前面に表示されるため、どちらの要素の z インデックスを調整しても効果はありません。何か回避策はあるのか、それともこのクリックイベントをトリガーする唯一の方法はボタンを置くことなのかと考え...

P粉116654495 2023-08-31 23:33:50 0  1  596