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

html - 不明な幅の div を中央に配置し、内側に左揃えを配置します。

これが私のhtml/cssコードです。上の行よりも少ない要素を含む最後の行が得られるまで、境界線を水平に移動してください。

http://jsfiddle.net/wb5kT/

問題はここから始まります。全体を水平方向に中央揃えにしたいので、ページの境界線からテキストまでの左右の距離は同じになります。ただし、表示されている最後の行は左に揃える必要があります。ビューポートの幅や要素の総数は事前にわかりません。

「text-align: left」を .images に追加すると、最後の行の要素が左に揃えられますが、「中央揃え」全体が壊れます。例: http://jsfiddle.net/dgLQC/1/

テーブルを使わずにそれを行うことはできますか?

IE 8 以下および古いバージョンの他のブラウザは無視できます。

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

html - html の href に垂直方向のテキスト整列を追加する方法は?

はい、私はリストを持っています(動的にhtmlを作成しました)、そのリストに多くのハイパーリンクを追加しました.今、そのリンクを中央に追加したいのですが、どうすればいいですか?親切に助けてください

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

tooltip - ハイチャート ツールチップ テキストの配置

ハイチャートを使ってグラフを作成しました。ツールチップは FF と IE では正常に機能しますが、chorme ではテキストがフレームからはみ出します。

HTMLを使ってみた

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

jquery - jQueryを使用した操作後の正当化されたインラインブロック要素の正当化の維持

text-align:justifyを使用して、インラインブロック要素の間隔を均等にします。私はjQueryを使用して特定の要素を入れ替えて、それらがより適切にフィットするようにしています(たとえば、行をより効率的に埋めます)。ただし、ブラウザはスワップされた要素を正しく正当化できなくなりました。この問題を克服するためにブラウザに要素を再調整させる方法はありますか?

編集 これは問題を示すjsfiddleです:http://jsfiddle.net/sprintstar/HKDd9/3/

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

html - CSSを使用してテキストを左揃えにし、同時に揃える

テキストを左揃えにして同時に揃える方法はありますか?左寄せのような意味です。これを達成する方法はありますか?手伝ってくれてありがとう。

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

css - "text-align: justify;" インラインブロック要素は適切ですか?

text-align: justify他のいくつかの質問は、インライン ブロック要素が均等に広がるように適用する最善の方法をすでに解決しています

ただし、インライン ブロック要素の行を「クリア」する 100% 幅の要素には、ブラウザーによって独自の行が与えられます。line-height: 0;親要素を使用せずに、その空の垂直スペースを取り除く方法がわかりません。

問題の例については、このフィドルを参照してください

を使用する私のソリューションについては、このフィドルline-height: 0;を参照してください

私が使用しているソリューションではline-height、子要素に new を適用する必要がありますが、以前に設定されたline-heightものは失われます。誰もがより良い解決策を知っていますか? 必要に応じて要素を折り返すことができるようにテーブルを避けたいと思います。また、ブラウザーのサポートがまだないため、フレックスボックスも避けたいと考えています。また、間隔を空けて配置される要素の数は任意になるため、フロートは避けたいと思います。

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

css - 左から右に整列するCSS 3つのインライン要素、使用可能なすべての幅を占有する方法

前のコントロール、スライドの開始/停止、次のコントロールを含む div を持つスライダーがあります。

「text-align」をそれぞれ左、中央、右に設定し、表示を「インライン」にします。幅全体を埋める方法がわかりません。

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

そしてCSS:

フローティング要素でそれを行うことができたと思いますが、要素を1行に配置し、要素を中央に配置する正しい組み合わせを作ろうとすると、かなり混乱しました。最終的に発生するすべてのイベントであるテキスト、フォント、サイズ、またはコンテナーを変更するとすぐに壊れてしまうため、ピクセル値で要素を配置することは避けたいと思います。

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

vb.net - リストビューのテキスト整列列: 最初の列を中央揃えにすることはできません

3 列の詳細モードのリストビューがあります。ヘッダーのテキスト配置を「中央」に設定したい。これは最後の 2 つの列では機能しますが、最初の列では機能しません。「中央」に変更して「中央」をクリックすると、フィールドは「左」に設定されたままになります。プロパティを使用してこれを変更できますか、それともプログラムする必要がありますか?

ありがとう。

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

css - CSS でオブジェクトを等間隔に配置する

ULを等間隔に配置しようとしています: http://cssdesk.com/jMSsr

最初の行は完全にスペースを空けていますが、2 番目の行はアイテムが 2 つしかないため、スペースを空けていません。

リストを均等に配置するために text-align:justify を使用していますが、行が短い場合に justify が左揃えに戻るため、2 行目に問題が発生します。

2行目を修正する方法についてのアイデアはありますか?

乾杯、JV