問題タブ [text-align]

この単純なコードを作成しました。クリックすると「プッシュ」状態のままになり、もう一度クリックすると通常の状態に戻るボタンです。

問題：float：rightを使用すると、ラベルのテキストが右に移動し、floatを設定しない場合、デフォルトで左に移動します。しかし、float：centerを配置すると、左側に留まります。誰かが私がテキストを中央に置くのを手伝ってくれるなら、私は幸せです。ありがとう！

これはjsfiddleからの私のコードです

左側からdivの文字列の最初の文字までのmargin-left pxが必要ですか？

私は人々がインターネットによってもたらされる脅威にもっと気付くのを助けるウェブサイトに取り組んでいます。

私は非常に厄介なcssの問題にぶつかりました。この問題では、テキストが水平方向または垂直方向に中央に配置されず、通常、cssを適切にリッスンしていないようです。私はそれを上書きするものがないかチェックしましたが、何もありません。

http://nblackburn.me/pofa/

私のフィドルを見てください：http：//jsfiddle.net/jVsQY/

ご覧のとおり、私はtext-align: center画像タグでクラスを使用していますが、結果は表示されません。

私はなどを使ってみdisplay: inline-blockましたが、役に立ちませんでした。

divが狭すぎてtext-align：justify（ギャップが広すぎる）ですが、右揃えまたは左揃えの場合、行の終わりに大きなギャップがあるため、不均一に見えます。左寄せが最適に見えますが、本のようにハイフンを使用できますか？CSSを使用していますか？

埋め込みメディア（この場合はビデオ）の下にテキストを表示する必要があります。テキストをビデオに右揃えにします。

レイアウトは流動的である必要があるため、これを行う方法がわかりません。一部の動画は他の動画よりも幅が広くなります。

現在、テキストは折り返しのdivに右揃えになっています。

これが私がこれまでに持っているもののフィドルですhttp://jsfiddle.net/thwackukulele/2N6a9/

「YouTubeチャンネルでもっと動画を見る」というテキストを動画の右端に合わせてください。

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

いくつかの検索を行いましたが、探していた答えが見つかりませんでした。重複している場合は、どこに向かっているべきか教えてください。

とにかく、スパンの継承 (ある場合) の動作を理解するのに苦労しており、スパンでさまざまなスタイルの組み合わせを作成し始めると、Firefox と Chrome は異なるようです。

具体的には、（詳細については以下を参照してください）通常のインライン、絶対配置、テキスト中心のスパン コンテナがあります。このコンテナには、さらに 2 つのスパン、インライン ブロック、絶対配置（class="arrow"）が 1 つ、ブロックされたスパンが 1 つ（class="arrow"）が含まれます。クラス="テキスト")。Chrome では、矢印クラスのスパンはコンテナー内で左揃えになります。ただし、FF11 では、矢印クラスのスパンはコンテナー内で中央揃えになります。

だから、私の質問は次のとおりです。

1. Chrome と FF11 で矢印クラスのスパンの動作が異なるのはなぜですか (FF7 には何らかの理由で Chrome の動作があります)。
2. 「正しい」スパン継承プロパティを表示しているブラウザはどれですか?
3. テキストクラスのスパンをインラインブロックにすることで、両方のブラウザーを同じように動作させることができますが、それが役立つ理由がわかりません...
4. text-class スパンはブロックされたスパンなので、container-class スパン (およびその境界線) を 100% 幅にするべきではありませんか? 現在、コンテナ クラスはテキスト クラス スパンの周りで折りたたまれています。（これはおそらく別のスレッドに移動しますが、これについて迅速な回答を得ることができればうれしいです）.

DisplayProps.html:

displayProps.css:

助けてください、ありがとう！

多分これは本当に簡単ですが、AS3 (mxml ではない) でデフォルトの itemRendererの 'textAlign'プロパティを設定する方法がわかりません。タイプのプロパティ、「int」または「Number」を右揃え、「String」を左揃えなどに基づいて調整する必要があります。

Spark DataGrid を使用し、FlexEvent.CREATION_COMPLETE イベントをリッスンしています。itemRenderer を DefaultGridItemRenderer にキャストできず、ClassFactory が setStyle メソッドを提供していません。

どんな助けでも感謝します。ありがとう。

テキストを中央揃えにするための次のCSS3テクニックが適用されると、なぜ短いテキストがtext-alignプロパティの影響を受けないように見えるのか疑問に思いました（回答を参照）。

ブロック要素のテキストを垂直方向に揃えます

text-align：rightプロパティが追加されたその例のJSFiddleは次のとおりです。http：//jsfiddle.net/GqBAL/187/（ここでは、 テキストが長いため、テキストが正しく配置されることに注意してください）

しかし、テキストが短くなると、機能しなくなります。http: //jsfiddle.net/GqBAL/198/ そのための何らかの「理由」はありますか？私は何が欠けていますか？このテクニックを使用したいのですが、長いテキストだけでなく、任意のテキスト長に使用できます。ありがとうございました！