問題タブ [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 投票する
4 に答える
5691 参照

cocoa - ウィンドウを画面の中央に配置する

簡潔に: Interface Builder にウィンドウをユーザーの画面の中央に配置するように指示するにはどうすればよいですか? インスペクタでポジショニング ツールを見たことがありますが、目玉がいつも思うように真っ直ぐに着地するとは限りません。initこれは、Xcode に切り替えて、またはawakeFromNibメソッドに何かを追加する必要がある場所ですか?

0 投票する
21 に答える
728382 参照

css - 位置を中央揃え:固定要素

position: fixed;動的な幅と高さで画面の中央にポップアップ ボックスを作成したいと思います。これに使いmargin: 5% auto;ました。それがなければposition: fixed;、水平方向にはきれいに中央揃えになりますが、垂直方向には中央揃えになりません。を追加position: fixed;した後、水平方向に中央揃えされていません。

完全なセットは次のとおりです。

このボックスを CSS で画面の中央に配置するにはどうすればよいですか?

0 投票する
3 に答える
790 参照

layout - コンテナ内の複数のフロートdivの中央揃え

了解しました。これが私が取り組んでいるサイトへのリンクです。http://danberinger.com/preview.html

現在、メッセージは独自のdiv(#messagebox)内にあり、画像は独自のdiv(#picture)内にあります。これらのdivは両方とも左側に浮かんでいます。#intro_containerというコンテナdiv内に配置しました。これを含むdivを中央に配置したいのですが、問題が発生しています。マージンを0と自動に設定しようとしましたが、うまくいきませんでした。これは、私が使用しようとしているさまざまなレベルのdivの量に関するある種の問題であるに違いありません。

どんな助けでも大歓迎です!

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

jquery-ui - 垂直スクロール後のjQueryUIダイアログの配置

次の jqueryui ダイアログがあります。

私がそれを表示すると:

かなり中心です。しかし、垂直にスクロールすると、もう中央に配置されません。実際、ダイアログはまだ中央に配置されています (ユーザーが設定したスクロールバーの位置に関して) が、スクロールバーはウィンドウの上部までスクロールされていました。ダイアログはもう中央に配置されていません (新しいスクロールバーの位置に関して中央に配置されたため)。

このようにスクロールバーが上部でリセットされないように設定できるプロパティはありますか?

ありがとう。

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

css - 画像を 57% 縮小し、css 構造内を中央揃えにする

ハイ、私は本当に立ち往生しています。私は一歩一歩進んで、それを短くしたいと思っています。

これはhtml構造です:

CSS クラスを貼り付ける前に、達成すべき正確な目標に関する情報をいくつか示します。

画像 (img) のサイズを 57% に変更します。css でできない場合は、jquery/javascript ソリューションを使用してください。例: 元の写真は 240x240px です。サイズを 57% 変更する必要があります。つまり、400x400 の写真はサイズ変更後に大きくなります。

サイズ変更後、画像は 68x90 の境界内で縦と横の中央に配置する必要があります。つまり、A 要素を持つ LI 要素があり、A 内に IMG があり、IMG は 57% サイズ変更され、最大幅が可能な場所で中央に配置されます。

もちろん68px、最大高さ90pxです。いいえ、IMG の周りに SPAN 要素を追加していました。

これは私が考えていたことです:

次に、span 要素を指定します: display:block および w=68px、h=90px。しかし、残念ながらそれはうまくいきませんでした。

長い投稿であることは承知していますが、非常に簡単に説明するために最善を尽くしました。その下には、必要なものを確認するための CSS クラスと画像があります。


}

}

該当するのはそれだけです。次のクラスは含めていません: name,comment,arrow

そして今、不完全で IMG を参照するクラス。

}

ボーダーは、実際の picHolder を表示するために一時的に使用されます。これで LI の先頭になり、幅と高さが設定されました。

{
max-width:68px!重要; max-height:90px!重要; これは、pic を 57% 縮小し、picHolder の中央に配置するクラスです。

ここに、必要なものを説明する図があります。

代替テキスト http://lookpic.com/i/169/2U12JC16.jpeg

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

html - Raphael jsテキストの配置:テキストを円の中心に配置

Raphaeljsを使用して丸で囲んだ数字を描画しています。問題は、各数値の幅/高さが異なるため、1セットの座標を使用してテキストを中央に配置できないことです。テキストは、IE、FF、およびサファリの間で異なって表示されます。数値の高さ/幅を見つけてそれに応じて中央に配置する動的な方法はありますか?

これが私のテストページです:

http://jesserosenfield.com/fluid/test.html

と私のコード:

どうもありがとう!

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

javascript - この種のスクリプトで画像を中央に配置するにはどうすればよいですか?

いろいろなアプローチを試みましたが、

スクリプトを破棄したり、すべてを再スクリプト化したりせずにそれを行う方法がわかりません。ページへのリンクは次のとおりです: http://hem.bredband.net/noor/bildspelet.html

左上の編集ボタンをクリックし、写真に URL を 2 つ入力してください。たとえば http://barcelona.magicka-evropa.cz/images/fc-barcelona.jpg

http://tux.crystalxp.net/png/uttaresh-fc-barcelona-13276.png

写真が中央に配置されていないことに気付くでしょう..この例では、画像を中央に配置するためのコードを何も入れていません..どうすればそれを行うことができますか?

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

jquery - div内の両方の軸に画像を中央揃えすることは可能ですか?

jQueryCycleLiteプラグインを実行している画像を含むdivにロードするスクリプトがあります。

そのプラグインの「after」関数を使用して、画像が更新されるたびに画像に変更を加えることができるというヒントを得ました。だから私はこれを書いた:

このように構築されたhtml:

これは機能していません、何が問題なのですか?
(これは水平方向に中央に配置することになっています。垂直方向に中央に配置する必要があります)。

編集:
私はそれを機能させましたが、それでも助けが必要です、なぜその動作が奇妙なのか知っている人はいますか? http://hem.bredband.net/noor/bildspelet.html

リンクをありがとう@pekka

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

css - SharePoint 2010 センターと、リボンを含むページ上のすべてのコンテンツの固定幅

全て、

sharepoint 2010 Web サイトの幅を固定幅内にし、画面の中央に配置しようとしています。800pxで中央揃えにしたいと思います。これを行うと、リボンバーのレンタルまで機能し始めたようです。

これまでの私の試みは次のとおりです。

0 投票する
17 に答える
416934 参照

css - 垂直方向に中央揃えにする方法
CSSで親要素内?

小さなユーザー名とパスワードの入力ボックスを作ろうとしています。

質問したいのですが、div を垂直方向に揃えるにはどうすればよいですか?

私が持っているものは次のとおりです。

ID Username と Form を使用して div を作成し、それ自体を垂直方向に中央に揃えるにはどうすればよいですか? 私は入れようとしました:

id Login を持つ div の CSS で、しかしそれは動作していないようです。どんな助けでも大歓迎です。