問題タブ [text-align]

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 投票する
2 に答える
5675 参照

css - PhotoshopのJustify-Allと同等のCSS

h2要素を取得し、そのテキストをdivの幅全体に広げたいと思います。

テキストの幅がコンテナの幅よりも大きい場合にのみテキストを広げます...Photoshopのjustify-leftのようなものです

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

css - "テキスト揃え: 中央;" 右のボタンがページの外に出ます

私は自分の問題を猛烈にグーグルで調べてきましたが、問題を解決できないようです。

左右の方向ボタンで 8 つの画像をスクロールする iFrame を作成しました。画像を保持text-align: center;するDIVと、右矢印 (#leaf2) が消えます。

これが私のHTMLです。

これが私のCSSです。

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

html - Firefoxでは、改行で区切られた中央の要素が正しく整列されません

すべてのコンテンツが中央に配置されるログインボックスを作成しています。テキストの段落、2つのフォームフィールドを積み重ねたもの、およびボタンがあります。フォームフィールドの幅は同じで、間に改行(<br />)を入れるだけで積み重ねています。

ボックス全体がtext-align: center;適用されているので、2つのフォームフィールドが正確に並んでいると思いますか(同じ幅なので、両方のエッジが完全に整列した状態で上下に並んでいます)?ただし、Firefoxでは、2番目のフォームフィールドが1〜2ピクセル右にシフトされます。

これの原因は何ですか?改行自体は非常に小さなスペースを占めるため、センタリングが失われますか?もしそうなら、どうすればそれを防ぐことができますか?

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

css - css text-align/positioningの質問

状況:私はいくつかのリストを持っています。これらの各リストでは、最初のli内のテキストは、次のli要素のように正確に中央に配置されるのではなく、中央の少し右側に配置されます。次の例では、2行目のテキスト(「サイトマップ」)が中央に配置されていません。何か案は?

html:

および関連するcss:

ありがとう!

ps私はフィドルを作成しました:http://jsfiddle.net/earachefl/c2bcc/

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

javascript - のスタイルを変更するgetElementsByTagNametextAlignを中央から左に使用

textbox1以下 のIDでtextareaのテキスト配置を変更するスクリプトがあります。

マークアップは次のとおりです。

トリガーは次のとおりです。

それはうまく機能します。現在、このスクリプトを実行するために必要なテキストエリアが複数あるので、それは単純な切り替えであると思いましdocument.getElementByIddocument.getElementsByTagNameが、私の無知/驚きへの切り替えはあまりうまくいきませんでした。

質問やフォーラム、Googleを検索したところ、document.getElementsByTagNameの動作例が見つかりましたが、必要な方法では見つかりませんでした。

を使用するときはgetElementsByTagName、常に変数を宣言する必要があるようです(これが本当かどうかを誰かが確認できますか?)ので、私は試しました:

しかし、style_textbox is null or not an objectそれでテスト時にエラーが発生します。誰か助けてくれませんか?よろしくお願いします。

PSスクリプトの理由は、テキスト領域の元のコンテンツを中央に配置する必要があるためですが、ユーザーがスクリプトを使用して<select>動的に入力するためにからテンプレートを選択し始めると、それらのテンプレートは、内に左揃えのテキストを持っている必要があります。それが理にかなっていることを願っています。<textarea>showCenterTemplates()<textarea>

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

asp.net - ListBoxのテキストセンターをホットアラインします-asp.net4.0

asp.net4.0ListBox要素の中央にテキストを配置するにはどうすればよいですか。cssclassを試しましたが、機能しませんでした。ありがとうございました。

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

android - text-align が「justify」に設定されている場合、Android WebView がヘブライ語テキストを含む HTML ページを正しく表示しない理由

ローカルの html ファイルを WebView に表示したい。(アンドロイド 2.3.3)

HTML にはヘブライ語のテキストが含まれています。テキストを両端揃えにしたいので、css ファイルで次のようにします。

しかし、何らかの理由でテキストが台無しになってしまいます。 左揃えのテキスト...

そして、これは間違いなく「正当化」されていませんが、より左側に配置されています。

この問題をどのように克服できますか?WebView 以外のブラウザでは問題なく動作します。(WebKitベースのものを含む)

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

html - 表示:テーブルとテキスト-右揃えが機能しない

私はこのようなhtml構造を持っています:

そして、campainTextを右揃えにします。この要素のcssは次のとおりです。

私はcssの残りが機能していることを知っています。問題は、display-fieldにtable-optionを含めると、テキストが左揃えになることです。これを削除するとすぐに、期待どおりに機能します。これに対する回避策はありますか、それともdisplay:inlineと<br />tagsを使用する必要がありますか?

0 投票する
9 に答える
53316 参照

css - マージン: IE で自動が機能しない

URL: http://cyberbat.co.uk/testコンテナーの余白: auto が機能していません。IE で真ん中に配置する他の方法はありますか。

編集: もう一度確認してください。 index.php は間違ったファイルでした。 index.html に置き換えました。

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

jquery - 継承されたcssプロパティを読み取るIEを使用したJQuery、防止する方法は?

JQueryを扱うInternet ExplorerまたはIEを扱うJQueryに問題があります:)

単に私は次のコードを持っています:

コードの機能は、すべてのタグの text-align を交換することです。FF と Chrome では、このコードは完璧に動作しますが、IE では問題があり、親プロパティを変更した後に継承された text-align プロパティを読み取り、それを交換すると思いますまた !

何が起こっているのかを理解するために、JQueryコードを適用した後のソースコードの2つの画像をここに添付しました:

FFで(パーフェクト!):Firefox の結果のソース コードのスナップショット

IEで(間違って!):IE 結果のソースコードのスナップショット

ところで、このように使用することについて疑問がある場合は、私はオープン ソース プロジェクトを所有しており、テーブルも含めて数百の JSP でインライン スタイルを使用しているため、レイアウトを反転させて多言語製品をサポートするための回避策 (ltr & rtl 言語をサポート) ...

うまくいけば、解決策が見つかりました。

注: 私は JQuery 1.7.1 を使用しています ... この問題は ie8 & ie9 で発生しました。

注 2:jQuery("*").each(jQuery("*").get().reverse(), function (i) {またはを使用すると、最悪の結果が得られました。jQuery(jQuery("*").get().reverse()).each(function (i) {

編集1&2:この質問の中にありました

編集3:

注 3: ページ上のすべての要素で問題が発生してscripthtmlますstyle。このスクリーンショットを参照してください: すべての要素ですが、一部も !

編集4:

私の問題は部分的に解決され、IE9ではうまく機能し、IE8では機能せず、Stefanからの解決策があり、私のコードで要約する多くの方法を試した後:

JQueryコードで:

IE のみに読み込まれた CSS ファイル:

よろしく、