問題タブ [centering]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
7449 参照

css - 同じ div にアンカーを配置しながら、スパンを div の中央に配置することは可能ですか?

次のようなマークアップを使用します。

アンカー画像を配置する際に「タイトル」を中央に配置することはできますか?

ありがとう

0 投票する
8 に答える
189681 参照

html - 固定divのCSS水平センタリング?

この質問が何百万回も出回っていることは知っていますが、私の場合の解決策が見つかりません。画面に固定する必要がある div があります。ページがスクロールされても、画面の中央に常に配置されている必要があります。

div には500px幅が必要であり30px、上部 (margin-top) から離れている必要があり、すべてのブラウザー サイズでページの中央に水平方向に配置する必要があり、ページの残りの部分をスクロールするときに移動しないようにする必要があります。

それは可能ですか?

0 投票する
8 に答える
70183 参照

css - 水平中央揃え/均等に分散
  • の中に
      中に
  • <div>内部にはNavbarがあり<ul>、それぞれにリンク付きの<li>が含まれています<a>(これはナビゲーション バー用です)。

    Google とこのサイトを調べましたが、探していたものを正確に見つけることができませんでした。

    私が望むのは、現在のスタイルを維持できるようにすることです ( <li>with を内部<a>で使用) <li><ul>ナビゲーションバー<div>)。

    とにかく、それが意味をなさない場合はお知らせください。現在、それらは左揃えになっています...これが私が持っているものです:

    HTML:

    CSS:

    必要に応じて、.navbar a{} を含めることもできます。私は CSS に非常に慣れていないので、簡単に行ってください。また、最初に SO と Google を調べましたが、このようなものは見つかりませんでした (ただし、私は初めてなので、同じだとは思いません)。

    これが欠陥のあるCSSメソッドである場合、および/またはこれを行うためのより簡単で一般的に使用される方法がある場合は、代わりにリンク/投稿してください。

    0 投票する
    4 に答える
    683 参照

    css - DIVS、CSS、iframe

    私はこのDIVを持っています:

    そして、この Iframe:

    iframe (myvotes.php) 内には、それぞれ 16 x 16 の 5 つの小さな画像があり、その後にテキストが続きます。[div id="bar"] で画像とテキストを垂直方向に揃えようとしていますが、うまくいきません。

    まず、iframe の高さはどのくらいですか。16pxから35pxまで全部試しました。パディングとマージンのさまざまな組み合わせを追加して中央に配置しようとしましたが、うまくいきませんでした。

    繰り返しますが、提供するリンクはありませんが、助けていただければ幸いです。これらのささいなことはとても面倒で、私が持っていない膨大な時間を無駄にしています.

    0 投票する
    1 に答える
    117 参照

    css - 中央の画像の上部の位置を変更します

    こんにちは、私はちょうど中央に配置した画像をいくつかのピクセルの下に移動しようとしますが、それは起こらないようです!

    これが私がこれまでに使用したコードです...

    誰かが私に他に何も変更せずに画像を少し下に近づける適切な方法を教えてもらえますか?前もって感謝します...

    0 投票する
    12 に答える
    149660 参照

    python - Tkinterでウィンドウを画面の中央に配置するには?

    tkinter ウィンドウを中央に配置しようとしています。ウィンドウのサイズと画面のサイズをプログラムで取得し、それを使用してジオメトリを設定できることは知っていますが、ウィンドウを画面の中央に配置する簡単な方法があるかどうか疑問に思っています。

    0 投票する
    1 に答える
    2263 参照

    jquery - Src を変更し、jquery を使用して新しい高さを取得する

    この方法で attr を使用して src を変更した後、新しい画像を div の垂直方向の中央に配置しようとしています:

    常に前の画像の高さを使用します。それはタイミングの問題ですか?(前の画像)の高さを時期尚早に取得するのを防ぐために、新しい高さを何かにバインドする必要がありますか?

    すべての画像は、ページの読み込み時にプリロードされます...

    0 投票する
    2 に答える
    107 参照

    html - IEがこれらの画像を中央に配置していませんが、修正はありますか?

    私のHTML+CSSグラフィック

    このページに関する私の問題は、「高校」、「中学校」、および「小学校」の画像が、IE6、7、および8を除くすべてのブラウザーで完全に中央に配置されることです。

    ページの関連部分:(わかりやすくするために編集

    CSS:

    HTML:

    IE:

    代替テキスト

    クロム:

    代替テキスト

    私はここで何が間違っているのですか?

    編集:

    こちらの修正バージョンを参照してください:アーカイブされていないグラフィック。上記のリンクは、アーカイブ目的で一貫性を保つためのスナップショットです。

    0 投票する
    5 に答える
    9316 参照

    wpf - WPF:TopLeftではなく中心点を維持して円のサイズを変更しますか?

    スライダーを使用して、キャンバス上の円のサイズを変更したいと思います。この円は、コードビハインドで行ったドラッグアンドドロップ操作でキャンバス上を移動できるため、位置は固定されていません。

    スライダーの値を楕円の高さと幅にバインドしました。残念ながら、スライダーを使用すると、操作中に円のサイズが変更され、その左上の点 (実際には、円が置かれている長方形の左上の点) が同じままになります。

    操作中に中心点が一定になるようにサイズを変更したいと思います。XAML でこれを行う簡単な方法はありますか? ところで、私はすでに ScaleTransform を試しましたが、私が望んでいたことはうまくいきませんでした。

    本当にありがとう!:-)

    1月

    0 投票する
    8 に答える
    66940 参照

    wpf - テキストボックス - 水平方向のテキストの中央揃え

    テキストボックスのテキストを中央に配置する簡単な方法はありますか? 組み込み関数を探していましたが、何も見つかりませんでした。