2017-06-16 13 views
0

私はちょうどdivの1行(2つの単語)を含むページの中央にdivがあり、そのテキストはdivの長さに揃えられます。つまり、文字はdivの全幅を占めるように(サイズを維持しながら)配置され、divの外には移動しません。また、ブラウザの設定を変更してページの幅を縮小する場合(ズームインなど)、文字は凝縮して(ポイントまで、2行に分割されます)。h1テキストを含むdivに正当化する最良の方法はありますか?

私が試したすべてのものを現実的にリストアップすることはできません。無駄なものです。これまでに私がこのサイトで見たすべての提案が含まれています。

本当に複雑ですか?それとも、私は何か明白なものを見逃していますか

お願いします。

このリクエストの「主観的性質」についてお詫び申し上げます。

+1

多分私は愚かですが、これは、特定のブレークポイントで '@ media'クエリを使用せずに要素を分離し、狭い幅の2本の線。 https://codepen.io/anon/pen/awpZvB –

+0

可能な重複する質問:https://stackoverflow.com/questions/4355009/css-text-justify-with-letter-spacing – Ryan

+0

@MichaelCoker私はそれを行うことができると思います。私は別の単語を追加すると、私が変更する必要のないものを望んでいたと思う。しかし、ありがとう。 – bloomers

答えて

0

ウィンドウの幅に応じてフォントサイズを変更しますか?

CSSの場合、font-sizevw単位を使用すると、ウィンドウの幅に反応しますが、試行錯誤が必要です。

それ以外に、あなたが望むことを実行するfittexthttp://fittextjs.com/)という名前のjavascriptプラグインがあります。私は1つのウェブサイトでそれを使用していますが、それはかなり信頼できます。

関連する問題