表示位置について

解決済

質問者：motomi88
質問日時：2006/02/13 14:04
回答数：1件

初心者ですが、ソフトを使っていなければ
此処で質問をした方が良いと言われたものですからよろしくお願いします。

<style type="text/css">

</style>
<body>
<div class="box">
</div></body>

800×600の画面一杯に、こういうボックスを作って、
最大画面で見る時は、よく有る企業のページのように、左右に余白が出るようにしたいのですが、
どうしても、中央ではなく左側に表示されます。
後、テキストで"white space"を活用したいのですが、何処にどう書き込めばいいか解りません。
質問が判りづらくてスミマセンが、教えて頂けますか。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： cobun5513
回答日時：2006/02/13 14:41

bodyの属性に

text-align:center;
と入れてください。

但し、div.boxにtext-align:center;が継承されてしまいますので、div.boxの属性に
text-align:left;
を追加してください。

white-spaceはnowrapとかで使用したいのであれば、自動改行をして欲しくない区間だけに、記述すれば良いです。
-------------
<style type="text/css">

</style>
<body>
<div class="box">
ほげほげほげほげほげほげほげほげほげほげほげほげほげほげ
<span style="white-space:nowrap">この区間は自動改行しません。</span>
ほげほげほげほげほげほげほげほげほげほげほげ
</div>
</body>
--------------
こんな感じ。

もちろん、タグ内にＣＳＳを直接記述したくないのならば、それ用のクラスを作れば良いです。