- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：表示位置について）
表示位置について
このQ&Aのポイント
- 初心者のため、表示位置の設定について質問があります。
- 画面一杯にボックスを作成し、左右に余白を出したいですが、中央ではなく左側に表示されてしまいます。
- また、テキストで「white space」を活用したいのですが、どこに書き込めばいいか分かりません。
- motomi88
- お礼率68% (45/66)
- その他([技術者向] コンピューター)
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
bodyの属性に text-align:center; と入れてください。 但し、div.boxにtext-align:center;が継承されてしまいますので、div.boxの属性に text-align:left; を追加してください。 white-spaceはnowrapとかで使用したいのであれば、自動改行をして欲しくない区間だけに、記述すれば良いです。 ------------- <style type="text/css"> <!-- body{ background-color:#ffffdd; text-align:center; } div.box{ text-align:left; margin:5px; width:740px; height:1000px; padding:10px; background-color:#fff; border:4px solid #008080; } --> </style> <body> <div class="box"> ほげほげほげほげほげほげほげほげほげほげほげほげほげほげ <span style="white-space:nowrap">この区間は自動改行しません。</span> ほげほげほげほげほげほげほげほげほげほげほげ </div> </body> -------------- こんな感じ。 もちろん、タグ内にＣＳＳを直接記述したくないのならば、それ用のクラスを作れば良いです。
補足
直ぐに答えて下さって、有難うございます。 タグを書いて貰えたから、よく解りました。 white-spaceは、字下げに使えないのかと思ったのです。 例えば 見出しを改行して、こういうレイアウトにしたい時に、使えないものかと。 「あああああああああ ええええええええええええ」