ブラウザサイズ変更時のテキストの自動改行の設定の変更の可否or方法について

質問

ブラウザサイズ変更時のテキストの自動改行の設定の変更の可否or方法について

ブラウザのサイズを変更すると、画面幅に合わせてテキストが自動で改行されますが、この自動改行を細かく設定することは可能なんでしょうか？（できればcssかHTMLで）

たとえば、「ブラウザの横幅が401~800pxの間ならばテキストが自動改行され、400px以下になったらテキストが自動改行されなくなるように」などです。

どなたかお願いします。

回答No.4

askaaska

ヒントをあげるのはいいけど
なんか状況がわからなくなってきたわ。

> 400pxで改行を終わりたいのに、600pxで改行が終わってしまうという感じ
これなら単に表示領域を400pxにすればいいだけじゃない？

> ブラウザの横幅が401~800pxの間ならばテキストが自動改行され、400px以下になったらテキストが自動改行されなくなるように
とはまた違う気がするけど。

JavaScriptでするなら利用する機能は
・window.onresizeで実行する
・ブラウザの幅を取得する
・表示領域（DIVやSPAN、表ならTDでも）のwidthを変更する
こんなとこね

お礼

ありがとうございます

回答No.3

BellBell

以前に同じような質問を見た記憶があって、同じ人かなって思ってたら過去ログ見てみたら別の人だった。

改行制御って、流行ってるのかな？

よければ、その質問のやり取りを見てみてください。
賛否両論、とでも言えばいいかな。
技術論～デザイン論、その中間ぐらいかな。
ちょっと考えさせられる事ありだったので、記憶に残っていたのだけど。

http://okwave.jp/qa/q5796444.html

回答No.2

naokita

「600pxで改行が終わってしまう」とか、
その辺の質問の意味や状況が良く分からないけど、
サイズとは文字サイズではなく、幅だよね？
親要素でも何か設定していれば変化しないけど・・・
幅の範囲の最小値・最大値を設定すれば良いのでは？　連続英数字やIE6以下では機能しないけど。

以下、最小幅400px,最大幅800px内で可変させる場合。

<p style="min-width: 400px; max-width: 800px;">
あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ
</p>

回答No.1

askaaska

JavaScriptと組み合わせないと無理じゃないかしらね。

お礼

ありがとうございます。
やはりJavascriptを使わなければならないですか。

ブラウザの幅に合わせて横幅いっぱいまでテキストを表示させたいのです。
現状といたしましては、ブラウザ幅を縮めると自動改行されはするのですが、目的の幅になる前に改行が終わってしまいます。
（400pxで改行を終わりたいのに、600pxで改行が終わってしまうという感じ）

javascriptには詳しくないので、よろしければヒントだけでもいただけないでしょうか・・・