ホームページ ウェブフロントエンド jsチュートリアル jQuery ポップアップ レイヤーは、常に画面または現在の window_jquery に対して垂直方向の中央に配置されます。

jQuery ポップアップ レイヤーは、常に画面または現在の window_jquery に対して垂直方向の中央に配置されます。

May 16, 2016 pm 05:38 PM
垂直方向に中央揃え 画面 ポップアップレイヤー

ポップアップ レイヤーは常にフロントエンドで処理する必要があります。通常、ポップアップ レイヤーの高さと幅が固定されている場合は、スタイルを使用して処理できます。固定幅または固定高さと幅の場合は、JS を使用して処理して、現在のウィンドウの高さまたは幅を動的に取得する必要があります。今日は 2 つの状況を実行しました。1 つは画面フォームに対して相対的なもので、もう 1 つは相対的なものです。コードを見てください。役に立つかもしれません:

コードをコピー コードは次のとおりです:







ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

iPhoneのスクリーンショットが機能しない: 修正方法 iPhoneのスクリーンショットが機能しない: 修正方法 May 03, 2024 pm 09:16 PM

iPhone ではスクリーンショット機能が動作しませんか?スクリーンショットの撮影は非常に簡単で、音量を上げるボタンと電源ボタンを同時に押して携帯電話の画面を取得するだけです。ただし、デバイスでフレームをキャプチャする方法は他にもあります。解決策 1 – Assistive Touch の使用 Assistive Touch 機能を使用してスクリーンショットを撮ります。ステップ 1 – 電話の設定に移動します。ステップ 2 – 次に、タップしてアクセシビリティ設定を開きます。ステップ 3 – タッチ設定を開きます。ステップ 4 – 次に、Assistive Touch 設定を開きます。ステップ 5 – 携帯電話の Assistive Touch をオンにします。ステップ 6 – 「トップメニューのカスタマイズ」を開いてアクセスします。ステップ 7 – ここで必要なのは、これらの機能のいずれかを画面キャプチャにリンクすることだけです。それで最初をクリックしてください

6000mAhのシリコンマイナスバッテリー! Xiaomi 15Proアップグレードが再びリーク 6000mAhのシリコンマイナスバッテリー! Xiaomi 15Proアップグレードが再びリーク Jul 24, 2024 pm 12:45 PM

7月23日のニュースによると、ブロガーのDigital Chat Stationは、Xiaomi 15 Proのバッテリー容量が6000mAhに増加し、90Wの有線フラッシュ充電をサポートしているというニュースを伝えました。これは、Xiaomiのデジタルシリーズで最大のバッテリーを搭載したProモデルになります。 Digital Chat Stationは以前、Xiaomi 15Proのバッテリーは超高エネルギー密度を持ち、シリコン含有量が競合製品よりもはるかに高いことを明らかにしました。 2023 年にシリコンベースの電池が大規模にテストされた後、第 2 世代のシリコン負極電池が業界の将来の発展方向として特定されており、今年は直接的な競争のピークを迎えます。 1. シリコンの理論グラム容量は 4200mAh/g に達することがあり、これはグラファイトのグラム容量の 10 倍以上です (グラファイトの理論グラム容量は 372mAh/g)。負極の場合、リチウムイオン挿入量が最大に達したときの容量が理論上のグラム容量であり、同じ重量下での容量を意味します。

iPhoneのホーム画面から削除を元に戻す方法 iPhoneのホーム画面から削除を元に戻す方法 Apr 17, 2024 pm 07:37 PM

ホーム画面から重要なものを削除してしまい、元に戻そうとしていますか?さまざまな方法でアプリのアイコンを画面に戻すことができます。 iPhoneでホーム画面から削除を元に戻す方法 前述したように、iPhoneでこの変更を復元する方法はいくつかあります。方法 1 – App ライブラリのアプリ アイコンを置き換える App ライブラリから直接ホーム画面にアプリ アイコンを配置できます。ステップ 1 – 横にスワイプして、アプリ ライブラリ内のすべてのアプリを見つけます。ステップ 2 – 前に削除したアプリのアイコンを見つけます。ステップ 3 – アプリのアイコンをメインライブラリからホーム画面上の正しい場所にドラッグするだけです。これが応用図です

画面録画が真っ暗になる: 解決策は次のとおりです 画面録画が真っ暗になる: 解決策は次のとおりです May 03, 2024 pm 09:13 PM

携帯電話の画面で何かを録画しようとしているのに、画面が真っ暗になってしまいませんか?通常、画面録画はコントロール センターから開始できます。場合によっては、画面上の項目を記録できない場合があります。すべてのシナリオと、画面を適切に記録するのに役立つ解決策のリストについて説明しました。画面録画が真っ暗になる理由 – iPhone 画面で再生中に DRM (デジタル著作権管理) で保護されたコンテンツを録画しようとしても、何も得られません。出力は真っ黒な画面になります。 Netflix、Disney+、Hulu、Peacock などの主要な OTT プラットフォームはすべて、画面録画機能をブロックするこの DRM を備えています。 2. いくつかの Web サイトでは画面キャプチャの使用を禁止しています

HTMLでテキストボックスを中央揃えにする方法 HTMLでテキストボックスを中央揃えにする方法 Apr 22, 2024 am 10:33 AM

HTML テキスト ボックスを中央揃えにする方法は数多くあります。 テキスト入力ボックス: CSS コードを使用します。 input[type="text"] { text-align: center; テキスト エリア: CSS コードを使用します。 textarea { text-align: center;水平方向の中央揃え: テキスト ボックスの親要素の text-align: center スタイルを使用して、垂直方向の中央揃えにします。

HTMLでフレームを中央に配置する方法 HTMLでフレームを中央に配置する方法 Apr 22, 2024 am 10:45 AM

HTML フレームを中央に配置するには 4 つの方法があります: margin: 0 auto;: フレームを水平方向に中央に配置します。 text-align: center;: フレームのコンテンツを水平方向に中央揃えにします。 display: flex; align-items: center;: フレームを垂直方向の中央に配置します。位置: 絶対; 上: 50%; 左: 50%; 変換: 変換(-50%, -50%);: CSS 変換を使用して、固定サイズのフレームのコンテナーの中央にフレームを配置します。

CSS で UL コンテンツを中央に配置する方法 CSS で UL コンテンツを中央に配置する方法 Apr 26, 2024 pm 12:24 PM

CSS で UL コンテンツを中央に配置します。 text-align プロパティを使用します。リスト項目のコンテンツを含むテキストの配置を設定します。 margin 属性を使用します。要素の左右のマージンを設定し、水平方向の中央揃えを実現するには margin: auto を使用します。表示属性を使用します。要素を inline-block に設定し、text-align: center を使用して垂直方向の中央に配置します。フレックスボックスのプロパティを使用します: justify-content: center および align-items: center による水平および垂直の中央揃え。

Honor X60i 携帯電話は明日発売されます: 視覚的な四角形 OLED ダイレクト スクリーン Honor X60i 携帯電話は明日発売されます: 視覚的な四角形 OLED ダイレクト スクリーン Jul 25, 2024 pm 01:54 PM

7月25日のニュースによると、Honor X60i携帯電話は明日(7月26日)10時8分から先行販売が開始されるとのこと。携帯電話は重さ約172g、厚さ約7.18mmの軽量設計を採用している。 Honor X60i は、中央に穴があり、四辺すべてにほぼ境界のない超狭い境界線を備えたストレート スクリーン デザインを採用しており、視野が大幅に広がります。背面カメラモジュールはエレガントな垂直レイアウトで表示され、右側にフラッシュが追加されており、テクノロジーの感覚だけでなくシンプルさの美しさも強調しています。全体的なデザインのインスピレーションはHuawei Pura70シリーズを反映しているように見えますが、そうではありません。自らの特徴を失うこと。色の選択に関して、Honor X60i は、さまざまな人々のパーソナライズされた美的ニーズを満たすために、マジック ナイト、ブラック クラウド、ウォーター ブルー、ムーン シャドウ、ホワイト コーラル、パープルの 4 つのファッショナブルなカラーを慎重に用意しました。 Honor X60 のハードウェア構成も過小評価すべきではありません。

See all articles