問題タブ [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 に答える
467 参照

html - コンテナー内のリンクの数に関係なく、コンテナー内でテキストを垂直方向に揃えるにはどうすればよいですか?

助けが必要で、知っていることはほとんどすべて試しました。私がやろうとしていること(これを達成するためにテーブルを使用する必要があるかどうかは問題ではありません)

http://img602.imageshack.us/img602/8769/verticalcentering.jpg

私はオンラインで見て、いくつかの例を試してみましたが、それらはすべて爆発するか、IE で適切に整列していないようです。

私が必要としているのは (可能であれば、もうわかりません)、リンクが 1 つしか存在しないか、4 つしか存在しないかに関係なく、コンテナー内で垂直方向に整列するテキスト リンクを用意することです。

マージンを 50% に設定すると、そこにリンクが 1 つしかない場合は問題なく中央に配置されますが、残りはそれを下回り、コンテナー内のリンクが中央に配置されなくなります。

私が実際に取り組んでいるのはこれです:

上記のヘッダー タイトルは、コンテナー全体に広がっています。次の行には、左側に 150px x 150px の画像があります。その隣には、高さが 150px の別のコンテナーがあり、これがこのコンテナーの最大の高さです。このコンテナー内は、私が望む場所です垂直方向の中央にたむろする私のリンク。

これは可能ですか?それとも、それが IE で動作し、クロス ブラウザーに準拠していると考えるのは夢物語ですか?

これを達成するためにテーブルとcssに頼らなければならないかどうかはもう問題ではありません...以前はコンテンツに応じて何かを垂直方向に中央に配置する必要がなく、自分のこの効果を達成する方法について考えてみましょう。

どんな助けでも大歓迎です:) よろしくお願いします!

以下はCSSとHTMLです

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

css - iPad で Web ページが左揃えになるのはなぜですか?

私は最近、サイトを構築し、margin: 0 auto. また、幅を 960px に設定したクラスで要素をラップし.wrapper、親要​​素をブラウザー全体に拡張しました。

ただし、iPadでブランド画面を表示すると、サイトは左揃えになり、ウィンドウ全体に広がりません。なぜこれが起こっているのか、そしてそれを修正する方法について何か考えはありますか?

スクリーンショットについては、以下を参照してください。

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

html - cssを使用してサポートされているすべてのブラウザのテキストを中央に配置

私はこのスニペットを持っています:ここで表示ここで編集ここで編集

サポートされているすべてのブラウザ(少なくともfirefox3 +とchrome)で「x」を円の中央に留めるにはどうすればよいですか。

スニペット:

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

canvas - キャンバスを使用して Silverlight シェイプ内のテキストを中央に配置する

シェイプとテキストを格納しているキャンバス コントロールがあります。

私のコード ビハインドでは、イベントが発生するとテキストを変更します。テキストを「myRect」の中央に配置するのが適切だと思いました。

MultiBinding Converters を使用して、WPF アプリでキャンバス コントロールのテキストを中央に配置する方法に関する素晴らしいブログ投稿を見つけました。それを読んだ後、私はWP7のためにそれを試してみましたが、痛みに遭遇しました!

残念ながら、Silverlight 4 (WP7 Silverlight はそのサブセット) には MultiBinding Converters がないようです。その後、SL4 の MbC のコードを含むブログを見つけましたが、VS2010 Express でプロジェクトを開くことができません。


A)値コンバーターを介してテキストを中央に配置するか

B)値コンバーターを使用せずにテキストを中央に配置するより良い方法を見つけた人はいますか

...?:)

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

css - CSSを使用して、画像の右側にキャプションを垂直方向に中央揃えします

私はCSSでこのレイアウトを実現しようとしています(テーブルなしで、私は推測します。何でも)。何か案は?

子犬!!

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

flash - Actionscript3移動するオブジェクトをステージのサイズ変更の中央に配置

ステージのサイズ変更時に、大きなムービークリップ(幅1400ピクセル)をステージの中央に配置したいと思います。この大きなムービークリップは特定のイベントで右に移動するため、次のようなコードは使用できません。

0からのオフセット(ステージの「ビューポート」の左側)を使用して、そのオフセットを中央揃えに使用する方法はありますか?

ムービークリップはxでのみ変更されます。

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

css - 中央のコンテンツを含む 3 つの div と、残りの水平スペースを埋める 2 つの「バッファー」でサイトを作成する

私は css サイトを作成していますが、次のように表示したいと考えています: 3 つの垂直 div。左中央右中央のdiv にはサイト コンテンツがあり、中央とブラウザの境界線の間のスペースを左右のdiv で埋める必要があります。

これが私のコードです。

HTML は次のとおりです。

2 div で試してみましたが、問題はありませんでした。左は float:left とピクセル単位の幅、右は float なしの 100% 幅です。出来た。しかし、3 divでそれを作る方法。前もって感謝します!

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

air - フルスクリーンでAIRアプリケーションをセンタリング


AIR / AS 3.0で開発されたアプリケーションが
あります。すべてのコンテンツをウィンドウの中央に配置して、アプリケーションを全画面で実行したいと思います。フルスクリーンでやってみました

しかし、すべてのコンポーネントが必要に応じて画面の中央に配置されず(全画面表示の場合)、カットオフされるか、画面外になります。基本的に、アプリケーションは1024x768程度の低解像度で開発されましたが、フルスクリーンで実行する必要があります。また、アプリケーションは実行時にさまざまなモジュールをロードし、フルスクリーンの中央に配置されていないように見えます。アプリケーションがフルスクリーンから出ると、次のように表示されます。アプリケーションウィンドウのスクロールバー。

編集:追加されたコード:

起動時に、アプリケーションはフルスクリーンになり、モジュールローダーはサイズ1024 * 768のモジュール/swfs
をロードしますが、現在、ロードされたすべてのモジュールはx=0およびy=0に整列されます。

何か案は?

皆さんありがとう。

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

android - ImageView が常に正しく表示されない問題についてサポートが必要

何らかの奇妙な理由で、私の ImageView は、xml コードが中央にあると主張しているにもかかわらず、画面の左側の中央に常に画像を表示しています。

アプリで縦向きを強制します。これがレイアウトの xml コードです。

したがって、ページは中央にピクチャとして表示され、画面の幅、その下のテキスト、およびその下のボタンが拡張されます。しかし、何らかの理由で、画像が画面の左中央に小さなボックス サムネイルとして表示されます。回避策はありますか?

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

html - HTMLでリンクを中央に配置する方法

私は HTML に本当に慣れていないので、HTML を使用して複数のリンクを中央に配置する方法を知りたいと思っていました。

努力しています :

しかし、問題は、たとえばその背後に他のリンクを配置しようとしたときです。

それらを別々の行に配置するだけです。これは関数のせい<p>だと思います...しかし、私はHTMLしか知りません。CSSでできることは知っていますが、HTMLだけでできるかどうか疑問に思っていました。

助けてくれてありがとう!