ULリストを使用してページのナビゲーションを中央に配置するにはどうすればよいですか?

ULリストのナビゲーションをページの水平方向と垂直方向の中央に配置するにはどうすればよいですか?以下は HTML と CSS コードです。nav{width:100%;height:100%;position:fixed;background-color:white;overflow:hidden;}.menua{padding:30px;color:black;text-align :center ;left:0;margin:0auto;flex:none;di

P粉052686710 2023-08-13 11:06:53 0  1  531

ナビゲーションバーを中央揃えにする

こんにちは。ページ上部の中央にナビゲーション バーを設定しようとしています。テキストの配置、項目を中央に配置しようとしましたが、これまでのところうまくいきません。このナビゲーション メニューをページの中央に配置する方法を知っている人はいますか? /*Clearfix*/.clearfix:before,.clearfix:after{content:"";display:table;}.clearfix:after{clear:both;}.clearfix{*zoom:1;

P粉451614834 2024-04-02 09:56:33 0  2  421

Web サーバー - gitlab をローカルにデプロイした後、nginx で複数のドメイン名を構成するにはどうすればよいですか?

gitlab サービスは以前にこのマシンにデプロイされており、ローカルの gitlab ページには、localhost、127.0.0.1、およびローカル IP を介してアクセスできます。このマシン上に Web サイトを構築してテストしたいのですが、新しく作成した Web サイトにアクセスする方法がわかりません。関連情報を検索したところ、nginx の設定ファイルを変更する必要があるとのことです...

过去多啦不再A梦 2017-05-16 17:24:46 0  4  926

タイトル変更: 位置調整により div を別の div の上に配置

上の画像に示すように共有 div を配置するのは、私にとっては課題でした。さて、私は非常にイライラしてピクセルを調整する下と左でpositionabsoluteを試しましたが、出力は常に上または下に積み重ねられます。画像と同様の出力を実現するにはどうすればよいですか? :root{--VeryDarkGrayishBlue:hsl(217,19%,35%);--DesaturatedDarkBlue:hsl(214,17%,51%);--GrayishBlue:hs

P粉009186469 2024-04-01 18:37:10 0  1  486

Webpack - vue-cli で書かれたプロジェクト (ローカルで実行しても問題ありません) は、Nginx サーバーに配置されます。どのような構成を変更する必要がありますか?他にどのように展開すればよいでしょうか?

Vue-cli を使用してローカルでビルドされたプロジェクトの場合、Webpack の設定は変更されておらず、ローカルで問題なく実行されますが、Nginx サーバーに配置する予定ですが、何か設定を変更する必要がありますか?では、Nginx をデプロイするにはどうすればよいでしょうか?検索したところ、設定「./」の下のindex.jsのassetsPublicPathを変更するという人もいます...

高洛峰 2017-05-27 17:44:57 0  4  1136

子要素に影響を与えないようにする HTML の下部配置テクニック

ツールヒント付きのテキストがあります。ボックス自体のプロパティは変更できませんが、ツールチップをテキストの上に配置したいと考えています。これは私の現在のコードです: .tt-container.tooltiptext{display:none;background-color:white;border-style:solid;position:absolute;border-color:#1a7bc9;color:#000;text-align:left ;ボード

P粉691958181 2024-02-04 09:44:51 0  1  358

要素を上部と中央に固定する

水平方向と垂直方向の両方でビューポートからオーバーフローするページがあり、ナビゲーションが常に上部に配置され、水平方向の中央に配置されるようにナビゲーションを貼り付けたいと考えています。これで、粘着トップは機能しますが、センタリングは機能しません。誰か助けてくれませんか？ body{text-align:center;}#header{background-color: yellow;width:max-content;position:sticky;top:0;left:50%;translate:-50%}#conta

P粉301523298 2024-03-19 17:30:43 0  2  278

グリッドテンプレートの列が行上の項目を整列させない

私は HTML と CSS の初心者で、grid-template-column を使用してナビゲーション バーを作成しようとしています。私のアイデアは、ナビゲーション バーをロゴ部分、Web サイトのホームページ部分、ソーシャル リンク部分の 3 つの部分に分割することです。問題は、divnavBar 内の要素が連続して配置されていないことですが、menuItemsdiv 内の div と Socialsdiv 内の要素は正しく配置されていますが、それらの間にスペースが多すぎることです。何かが足りないのでしょうか？ html{背景:#FFFFFF;}本文{背景

P粉696605833 2024-04-03 16:58:18 0  1  482

javascript - 画像、JS、その他のファイルなどのプロジェクトの公開ファイルはクラウド上に配置されます。ウェブルートは JSP ファイルのみを配置します。設定ファイルを通じて静的ファイルを導入するにはどうすればよいですか? ガイダンスを求めてください。

1. 次に、js や画像などのプロジェクトの静的ファイルをクラウド上に配置し、設定ファイルを介してローカルにインポートする必要があります。 2. 指定されたクラウド アドレスから必要な構成ファイルをダウンロードし、リソース パスを構成します 問題は上図に示すとおりです。 3. クラウド上のアドレスに直接アクセスします。

给我你的怀抱 2017-05-17 10:07:14 0  2  550

Web サイトのコードは、ドキュメントから開くと機能するにもかかわらず、Google Chrome で実行されません

すべての変更をウェブ ホスティング サービスにアップロードし、Google Chrome 上の自分のサイト (https://cecilia-fornes.tech/accueil.html) を、モバイル デバイスのヘッダーとナビゲーション バー (開くとハンバーガー メニューに変換されます) とともにチェックしました)期待どおりに機能しません。これらはページ上部のブロックに配置され、モバイル デバイス用には非表示のメニューが、大きな画面用には表示されるメニューが配置されることが予想されます。ただし、2 つのメニューが表示されますが、その理由がわかりません。そして、コンピューター上のフォルダ...

P粉451614834 2024-02-25 23:13:24 0  1  357

javascript - JS および CSS の問題、マップ上のアイコンにマウスを移動した後、表示されたコンテンツをアイコンを基準にして中央に配置する方法。

下の図に示すように、右側は必要な効果です。つまり、地図上の赤い場所アイコンの上にマウスを移動すると、表示される写真とコンテンツが下の場所アイコンを基準にして中央に配置されます。左側が私が作ったエフェクトですが、ズレがひどいので参考にしてください。以下は私のHTMLコードです{code...}

给我你的怀抱 2017-06-12 09:32:10 0  1  861

タイトルを次のように書き換えます: VSCode 全体を VueJS Web アプリケーションに埋め込む方法

codesandbox と同様に、VSCode エディター全体が埋め込まれた VueJS Web アプリを構築しようとしています。 VueJS で VSCode 全体を実行するには、VSCode コード ベースのどの部分が必要ですか?そこで私のアイデアは、ナビゲーション バーの下に VSCode エディタを配置することです。

P粉312631645 2023-08-29 23:15:18 0  1  576

css3 - 両端のフレックスレイアウト

ボックス 1、2、および 3 は左側、上部、下部の中央に配置する必要があり、ボックス 4、5、および 6 は右側、上部と下部の中央に配置する必要があります。これは次の方法で実現できますか。いくつかの情報を確認したところ、次の一般的な状況のみが実現できないようです。

高洛峰 2017-05-16 13:27:30 0  1  835

高さ 100vh の背景画像の中央に div を配置します

私は上部に固定位置のナビゲーション バーがあるコースに取り組んでいます。背景の高さは 100vh に設定され、テキスト コンテンツを含む div は背景の中央にあります。 Flexbox を使用するとほぼ中央に配置されますが、実際に背景の中央に配置するには、その div の高さを高さの 100% に設定する必要があります。フレックスボックスとビューポートの高さについてはある程度知っていますが、ダイブを真に中央に配置するには、なぜ div の高さを 100% に設定する必要があるのか​​混乱しています。私が求めていることを再現するには、ここに背景として任意の画像を配置できると思います。私がここに...

P粉006847750 2024-02-17 12:39:44 0  1  398

UTM: Web アプリケーションの用語は何ですか?

使用する適切な UTM を見つけようとしています。たとえば、ReactWeb アプリケーションには 4 つの領域があり、すべてパートナー企業の ElectronicsStore Web サイトに誘導されています。画面ページ 1 (www.abccompany.com/Home) には、左側のメニュー、上部のナビゲーション メニュー、側面の ClickAd があります。画面ページ 2 (別のアプリケーション領域、www.abccompany.com/Email) では、4 つすべてが P を指すように、電子メールの受信箱の隣に配置します。

P粉014218124 2023-09-14 12:06:43 0  1  676

Apache で Gitblog を設定するにはどうすればよいですか?

Apache で Gitblog を設定するにはどうすればよいですか? 404 にアクセスするように Gitblog を設定する。Gitblog の URL が擬似静的であると言われていますが、Apache を擬似静的に設定するにはどうすればよいですか? Gitblog ブログを実行するために Apache を設定する方法を知っている人はいますか? Gitblog公式サイトのドキュメントにはSAEの設定が載っていて設定は成功していたのですが、Apacheでは設定が消えてしまいました…。

怪我咯 2017-05-16 17:01:45 0  1  732

Vercel にデプロイされた Next.js アプリは特定のコンテンツをローカルでレンダリングしますが、実稼働ビルドではレンダリングできません

Next.JS と Firebase を使用して Web アプリケーションを構築し、Vercel にデプロイしました。最近、位置を静的なbottom:0に設定して下部ナビゲーションバーを追加したときまで、すべてが正常に動作していました。下部のナビゲーション バーでは、アイコンとテキストをレンダリングしています。 localhost では (npmrundev を使用して) 正常に読み込まれますが、Vercel にデプロイされた製品バージョンでは下部ナビゲーションのコンテンツがレンダリングされないことに気付きました。実稼働ビルドでは、下部のナビゲーション コンテナー (または div) のみがレ...

P粉042455250 2024-02-26 13:19:43 0  1  494

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

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

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

iPadでは背景画像を表示できません。

ナビゲーション バーの下に背景画像を配置しました。下にスクロールすると、ナビゲーション バーも一緒に下に移動します。しかし、iPad で表示すると、背景画像が黒に近い濃い青に見えます。背景__image {幅: 100%; 背景画像: url("https://background-image.jpg"); bac

P粉879517403 2023-07-25 11:58:00 0  1  709

絶対位置だが親を基準とした相対位置

別の div 内に 2 つの div があり、CSS を使用して、1 つの子 div を親 div の右上隅に配置し、もう 1 つの子 div を親 div の下部に配置したいと考えています。つまり、2 つの子 div に絶対配置を使用したいのですが、ページではなく親 div を基準にして相対的に配置したいと考えています。これどうやってするの？ HTML の例: <divid="father"><divid="son1"></div><divid=

P粉395056196 2023-10-11 12:04:14 0  2  699