問題タブ [justify]

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

html - 水平方向のリストを正当化するにはどうすればよいですか?

次のような水平ナビゲーションバーがあります。

CSS を使用して箇条書きを削除し、水平にします。

ulのスペース全体を埋めるために各リンクが均等に広がるように、テキストを正当化しようとしています。text: justifyとの両方のliセレクターに追加しようとしましulたが、まだ左揃えです。

text-align: rightを使用すると、期待どおりに動作するため、これは奇妙です。

リンクを均等に分散するにはどうすればよいですか?

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

python - Python を使用してグラフィックス ウィンドウのテキストを右揃えにするにはどうすればよいですか?

文字列を右揃えにする方法を探しています。これは私のコードです:

コマンドは.rjust()何もないようです。私がプログラムを実行すると、彼らはまだ私が与えたポイントにテキストを中央揃えしており、そのポイントを正しく正当化していません。これに対する解決策が見つかりません。助けてください!

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

bash - Bashでテキストを左揃えにする方法

テキストが$txt与えられた場合、Bash で特定の幅に合わせて左揃えにするにはどうすればよいですか?

例 (幅 = 10):

もし$txt=hello、私は印刷したい:

もし$txt=1234567890、私は印刷したい:

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

css - なぜ正当化されるのですか

要素は右マージンを無視しますか?

段落、リスト、および右浮動のdivを含むdivがあります。

親divにはtext-align:justify;があります。財産。

私はpに20pxの(全体的な)マージンを与えていますが、奇妙な理由で、段落の右側でマージンが無視されます。私はulでそれを試しました、そして同じことが起こります。

親div内のテキストを正当化しない場合、マージンは無視されません。(しかし、私はそれを正当化したいと思います)。

フロートdivにはマージン:0があります。ですから、これはマージンの崩壊の問題ではないと思います。

フロートdivは固定次元(ピクセル)divであり、背景画像を除いて空です。

また、margin-right:20pxでマージンを指定しようとしました。そしてそれは機能しませんでした...

フロートdivに左マージンを追加するだけで解決できることはわかっています。しかし、私は何が起こっているのか知りたいです。

これが私が使用しているコードです(私はクラス名のみを編集しました)。

CSS:

HTML:

そして、これは私が得るものです:

ここにいくつかの素敵な代替テキスト

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

javascript - 等間隔のDIV+最後の行が左揃えの流体幅

私は流動的なレイアウトとテキスト整列で固定幅のボックスを持っています:この投稿された解決策でそれらを正当化します:

等間隔のDIVを備えた流体幅

しかし、レスポンシブレイアウトには、さらに2、3行あるので。

これはもちろん起こります:

しかし、私はそれをこのようにするのが好きです:

もちろん、それは仕事ですが、これを行うためにjavascriptを使用せずにこれに対する解決策はありますか?

text-align-last:leftは機能する可能性があると思いましたが、機能せず、まだ公式のイーザーではありません。

考えられる解決策のアイデア:

私は可能なjavascriptソリューションを思いついたが、それについてはあなたの助けが必要だ。

考えられる解決策についての私の考えは次のとおりです。

最後の行を左揃えにするには、実際には、これらの欠落しているスペースを非表示のボックスで埋める必要があります。手作業で簡単に行うことができますが、divの数はユーザーが生成し、常に異なります。

したがって、雑草は、それを機能させるために、欠落しているボックスの数を知り、それらをすでに持っているボックスに追加する必要があります。

だからここに私の(幼児の)srciptingのアイデアがあります:

それをjavascriptに渡すために、すでに行にあるアイテムの数を見つける方法があるかどうかはわかりません。これは良い理由であり、ブラウザの幅に応じて行番号が変わるたびに行番号を調整することなく、レスポンシブレイアウトでフォーミュラが機能します。

これは良い考えですか?

誰かがこれをしたいと思っていることを願っています。

使用するフィドルは次のとおりです:http: //jsfiddle.net/L2mPf/

ありがとうございました。

私の答えを超えて見てください。

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

css - CSSを使用して、行末にハイフン付きの単語を含むテキストを揃えることはできますか?

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

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

python - 出力の右揃え

これはまだ左寄せの出力を提供しています。私は何が間違っているのですか?

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

plugins - LibreOfficeでLaTexに見える正当なテキストを作成する

私は現在、私の論文で書いています。
私はLaTexの代わりにLibreOfficeを使用しています-ばかげています、私は知っています!
しかし、現時点ではLaTexに変更する方法がないので、それに対処する必要があります...

テキスト全体を揃えたいのですが...でも、Libre Office Writerの揃えボタンを使って行うと、本当に醜く見えます。

LaTexでは、これを行うためのより良いアルゴリズムがあるようです...
行に5つの単語しかない場合、次のようになります。

これは、改行の場合にのみ発生することを私は知っています。新しい段落を使用すると、完璧に機能します。しかし、Shift + Enterキーを押して次の行に書き込むと、この見栄えの悪いテキストが表示されます...

しかし、私はそれを美しく滑らかに見せたいと思っています。

Libre Officeでそれをより良くする方法はありますか?プラグインはありますか?現在使用しているバージョンは、LibreOffice 3.4.4 OOO340m1(ビルド:402)です。

または、段落のない単一の改行を回避する必要がありますか?

(私はこれがスタックオーバーフローでここで正しいことを願っています)

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

resize - ヘッダー画像 left:0 - ブラウザのサイズ変更でフロート - ただし、ページの div 要素に合わせた後に停止

適切な言い回しの仕方が特にわからないという質問があるので、適切な用語が不足していることを事前にお詫びします。私がやろうとしているのは、ヘッダー画像を左に揃えることです - left:0px; - 位置付き:絶対; そのため、ページがさまざまなサイズの画面に読み込まれると、常にブラウザ ウィンドウの左側に固定されます。しかし同時に、ヘッダー画像がページの左側に配置されているときに、より大きなサイズの画面に読み込まれたときにヘッダー画像を停止したい(これが理にかなっている場合)。ページは以下です。

http://tinyurl.com/d2zttye

BREAKWATER 画像をページのサイズ変更に合わせてフロートさせたいが、その下の背景画像 (#page div) に出会うと停止する。そのため、背景画像のサイズ (1592 ピクセル) よりも大きいウィンドウに読み込むと、左に浮きません。現在のところ、ページ サイズに合わせて浮動せず、小さい画面では途切れます。

うまくいけば、これは理にかなっています。何か明確にする必要がある場合はお知らせください。どんな助けでも大歓迎です!

ありがとう!!!