- 締切済み
ブラウザサイズ変更時のテキストの自動改行の設定の変更の可否or方法について
ブラウザサイズ変更時のテキストの自動改行の設定の変更の可否or方法について ブラウザのサイズを変更すると、画面幅に合わせてテキストが自動で改行されますが、この自動改行を細かく設定することは可能なんでしょうか？（できればcssかHTMLで） たとえば、「ブラウザの横幅が401~800pxの間ならばテキストが自動改行され、400px以下になったらテキストが自動改行されなくなるように」などです。 どなたかお願いします。
- みんなの回答 （4）
- 専門家の回答
みんなの回答
- askaaska
- ベストアンサー率35% (1455/4149)
- BellBell
- ベストアンサー率54% (327/598)
- naokita
- ベストアンサー率57% (1008/1745)
- askaaska
- ベストアンサー率35% (1455/4149)
JavaScriptと組み合わせないと無理じゃないかしらね。
お礼
ありがとうございます。 やはりJavascriptを使わなければならないですか。 ブラウザの幅に合わせて横幅いっぱいまでテキストを表示させたいのです。 現状といたしましては、ブラウザ幅を縮めると自動改行されはするのですが、目的の幅になる前に改行が終わってしまいます。 （400pxで改行を終わりたいのに、600pxで改行が終わってしまうという感じ） javascriptには詳しくないので、よろしければヒントだけでもいただけないでしょうか・・・
関連するQ&A
- ブラウザの表示サイズに合わせてフォントサイズを自動
お世話になっています。 以前、http://okwave.jp/qa/q8296498.htmlで、質問をさせて頂いて、それなりのページは出来たのですが、新たな質問が．．．．． ブラウザの表示サイズに合わせてフォントサイズを自動で変更する方法（http://blog.4galaxy.net/77.html）を参考にtoppage.phpを作ったのですが、１ページの中で、サイズの違う文字列をブラウザのサイズに合わせてフォントのサイズを自動で変更するには、どうしたら良いですか？ 因みに以下が、私が参考のページを分からないなりに修正したものです。 引用ここからーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー <!DOCTYPE HTML> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> function AutoFsize(){ var wpx = $("div#content").width(); var wpx = $("div#content1").width(); var wpx = $("div#content2").width(); var fpar = (Math.floor((wpx)/(400/100)));// 横幅px ÷ (最少幅px/100) $("div#content").css("font-size",fpar+"%"); $("div#content1").css("font-size",fpar+"%"); $("div#content2").css("font-size",fpar+"%"); } setInterval(AutoFsize,1000);//ミリ秒ごとに横幅チェック //written by http://blog.4galaxy.net/ --> </script> <style type="text/css"> div#content { width:140%; min-width:400px; } div#content1 { width:40%; min-width:400px; } div#content2 { width:100%; min-width:400px; } </style> </head> <body> <div id="content">ここの文字サイズが変わります</div> <div id="content1">ここの文字サイズが変わります</div> <div id="content2">ここの文字サイズが変わります</div> </body> </html> 引用ここまでーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
- ベストアンサー
- CSS
- ブラウザをサイズ変更してもコンテンツが乱れない方法
Webサイトを初めて作っており、現在はヘッダーの部分を作成しております。 「h1」を使い、見出しの文章に背景色も入れたのですが、ブラウザを縮小すると改行してしまいます。 多くのWebサイトでは、カーソルでブラウザの端をクリックしてサイズを変更しても、文章は改行しませんし、全コンテンツは中心によってくれます。 ブラウザを縮小しても文章を改行しない方法と、ブラウザのサイズを変更しても常にコンテンツを中心によせるにはどうしたら良いのでしょうか？ HTMLとCSSを使った方法で教えて下さい！！ ※ちなみに、現段階では、背景のある見出しと、その下に画像（Webサイトの名前）を置いております。
- ベストアンサー
- CSS
- フォーム テキストエリアの自動改行
<textarea>の属性、wrapを使用して、 テキストエリアの文を自動改行しています。 ですが、半角文字の羅列のみ、 operaやFirefoxなどのブラウザでは 自動改行ができません。 半角文字も他のブラウザで 自動改行する方法はないのでしょうか？
- ベストアンサー
- HTML
- 横幅が狭い時→自動的に改行、広い時→一定幅以上で制限 と言うデザインをCSSで作りたい。
ウインドウの横幅が狭い時は自動的に改行。 ウインドウの横幅が一定以上になったら、それ以上は広がらず背景だけが広がる。 文字サイズは固定しない。 以上のようなデザインをCSSで作りたいのですがどの様にすればよいのでしょうか？ 以下のサイトのように http://3ping.org/ http://web.okanos.com/employment/note19.shtm 私の環境 Win Vista ホームページビルダー11 HTMLタグやCSSの知識はない。 ホームページビルダーの機能で無理ならCSSについて勉強しますのでよろしくお願いします。
- 締切済み
- ホームページ作成ソフト
- PC版Operaで拡大時に文字を自動改行したい。
PC版Operaの設定について質問させてください。 Android版のOperaMobileでは、画面を拡大ズームした時に、テキストを自動的に画面の幅に合わせて改行・整形してくれます。 これと同様の動作をPC版Operaで実現したいのです。 PCのOSはWindowsXPですので、Operaの画面拡大をAndroidのようにピンチインでは出来ませんが、 「Shift」+「＋」で拡大することができます。しかし拡大していくうちにテキスト幅が画面横幅を超えてしまい、横スクロールしなくてはならなくなります。 この時に、画面幅に合わせてテキストを自動改行・整形して欲しいのです。 よろしくお願い致します。 ■使用環境 PCのOS:WindowsXP Opera10.53 Build 3374 *Operaのバージョンは最新ではありません。最新バージョンでは質問事項を実現出来るのかもしれませんが、タブやメニューバーの配置を好みに設定出来ないことから、敢えて旧バージョンのOperaを使用しています。最新のバージョンなら希望の事を出来るなどの情報でも結構ですのでよろしくお願い致します。 ■自分で試したこと・調べたこと ・Operaのフォーラムがあるようで、Q&Aの記事を探しましたが見つかりませんでした。 ・Opera10.53の設定の中に「画面幅で改行」というのがあり、ONにしてみましたが希望の動作には成りませんでした。 ・Webで検索しましたが見つかりませんでした。
- 締切済み
- ブラウザ
- CSSでテキストを垂直、中央に設定する方法
はじめまして。 現在、CSSを勉強中のものですが、タイトルにあるCSSでテキストを垂直方向に中央に配置する方法がわかりません。 clearfix { margin-top: 0px; text-align: left; width: 530px; height: 100px; vertical-align: middle; } とクラスで設定したのですが、DWのデザイン画面はもちろん、ブラウザで確認してもちゃんと表示されません。 解決方法を教えていただけないでしょうか？ どうかよろしくお願いいたします。
- ベストアンサー
- HTML
- フォントサイズの設定変更 ＣＳＳ
ホームページテンプレート・ＣＳＳを個人サイトよりお借りして 作成しております。 ＣＳＳで、 * { margin : 0; padding : 0; color : #000; font : normal 10px Verdana; line-height : 200%; letter-spacing : 0.2em; } このような記述があり、ページ全体がここで設定されているフォントサイズ になっています。 ただしある一部分だけ個別にフォントサイズを変更したいのですが、 ＨＴＭＬ側に記載してもこのＣＳＳのほうが優先されてしまい 反映しません。 設定する方法は無いのでしょうか？ご回答お願いいたします。
- ベストアンサー
- HTML
- 改行が反映されて、かつウィンドウサイズに合わせて自動的に折り返すには
<pre>タグを使用したときのように、表示の際に改行が反映され、かつ、ウィンドウサイズやテーブルの幅などに合わせて自動的に折り返すされるようにするにはどうすればいいのですか？ まさにこの文章がそうなっていると思うのですが（上の"？"のあとで改行され、あとは自動的に折り返されていますよね。）。 アドバイスを宜しくお願いします。
- ベストアンサー
- HTML
- CSSなどでページ全体のテキストサイズを変更する
皆様こんにちは。 HTMLでサイズ指定されたテキストサイズを CSSやjavascriptなどで変更する方法はありませんでしょうか？ 例えば下記のようなサイズ指定されたページ全体のテキストサイズを cssなどで150%大きくするといった方法です。 ----------------------------------- <html> <head> </head> <body> <h1>こんにちは</h1> <font size="2">こんにちは</font> <font size="1">こんにちは</font> こんにちははじめまして </body> </html> ----------------------------------- 何か方法があれば ご回答よろしくお願いいたします。
- ベストアンサー
- CSS
- 文字数に応じてfont-sizeを自動変更
エクセルのセルの書式の中にある「縮小して全体を表示する」の様な ことをしたいのです。 具体的にはtableの固定幅セルのfont-sizeを、文字数に応じて自動的に 設定して、セル内で折り返しが発生しないようにしたい。 といっても、そんなに厳密でなくてもいいので、 「文字数が○文字未満ならfont-size:normal、以上ならsmall」 程度でいいんですが、これをCSSのみかCSS＋JavaScriptで 実現できないものでしょうか。 文字数に応じて<td>のclassを変えればいいのでしょうが、 できれば、テキストの修正をすれば自動的に変わる様にしたいです。
- 締切済み
- HTML
お礼
ありがとうございます