- ベストアンサー
文字の左寄せセンター表示
文字の左寄せセンター表示 文字の左寄せセンター表示させたいのですが、左寄せはできましたがセンター寄せができません。普通に左寄せに使用したタグをセンター寄せタグを追加すればよいのでしょうか？ よろしくお願いします。
- みんなの回答 （6）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
こんな感じでしょうか？ <body> <div id="WRAPPER"> 内容 </div> </body> body { text-align:center; } #WRAPPER { width:800px; /* 横幅を指定する必要があります */ margin-right:auto; margin-left:auto; text-align:left; }
その他の回答 (5)
- moon_night
- ベストアンサー率32% (598/1831)
HTMLだけで記述するのでしたら、テーブルタグをセンタリングすると言う方法があります。 ただし、厳密に言うと記述違反なので、ちゃんとやろうとするのでしたらCSSは必須です。 表示さえされればいいや的な考えならばテーブルタグは有効ですよ。 （※将来意図通りに表示される保証はありません）
- ORUKA1951
- ベストアンサー率45% (5062/11036)
まず、<center>ですが、 【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから CENTER要素は、DIV要素でalign属性を"center"に設定することと全く等価である。 CENTER要素は推奨しない。 ￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［Alignment, font styles, and horizontal rules in HTML documents (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/graphics.html#edef-CENTER )］より ここで推奨しないというのは強力で、<CENTER>は、XHTML1.0でも非推奨,XHTML1.1では廃止されました ですので、そもそも、<center>を使うことから考え直しましょう。 【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから 2.4.1 構造とプレゼンテーションの分離 ・・・【中略】・・・HTMLの性質上、プレゼンテーションに関する要素や属性は、次々と他の機構、とりわけスタイルシートに置換えられていく。 ・・・【中略】・・・ ￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.4.1 )］より ★CSSからtext-align:justify;という両端揃えのプロパティもあるし、 【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから スタイルシートはこれらの問題を解決すると同時に、HTMLにおける制限されたプレゼンテーション機構に取ってかわる。スタイルシートでは、行間の設定やインデントの設定、テキスト色や背景色、フォントのサイズとスタイル、その他様々なプロパティの設定が簡単にできる。 ￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［Style Sheets in HTML documents (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/styles.html#h-14.1 )］より
失礼ですが、勉強不足な点についてはこちらとしてはどうしようもないので、勉強してください。 http://www.tohoho-web.com/css/index.htm http://adp.daa.jp/ 検索したり書籍を調べて、それでもわからない場合はここで質問すれば回答が得られると思います。 それでもどうしようもない場合は友人を頼るか、プロに依頼されたほうが良いですよ。 1の回答はサイトにもよりますが、テンプレートに限りなく近いです。 内容のところを中身に置き換えるだけなので。 もしずれるようであればソースを開示されると、また別の回答が得られると思います。
お礼
回答ありがとうございます。質問内容が違ったようなので別の質問スレッドで改めて質問いたします。
補足
回答ありがとうございます。せっかく回答いただいたのにＣＳＳははじめたばかりでまだよく熟知できていないので時期にこの回答が役に立つと思います。 今は別の方法で記述してしまいせっかくの回答を台無しにしてしまって申し訳ないのですが<center><table><tr><td>を使用したら思い通りの表示になったのですが、一文字字下げに<p>を使用しても表示がでません。
幅に関しては1000px以下なら大丈夫だと思います。 普及しているモニターを考慮したサイズにすると良いですよ。 cssはtext-alignの記述は本来必要ありませんが、IE対策なので外すことができません。 marginに関しては margin:auto; のようにまとめることもできるのですが、safariの昔のバージョンがこれでは中央寄せにならないので、わざと別々に指定しています。 何か用途的に短くする必要があるのでしょうか？
補足
回答ありがとうございます。短くというより目的は表示することにあるので特に必要というものはないのですが、ＣＳＳでは勉強不足なため一部を記載していただいただけでは設定をするのが難しいので本当にテンプレート式に（ここは絶対に変化しません）表示する部分（こちらのファイルの部分）だけを入力すると言う記述にしていただかないと理解できません。
- mira723
- ベストアンサー率20% (160/781)
何も設定をしなければ「左寄せ」になります 中央に配置したい文字を<center></center>の間に書きます
補足
普通にセンター寄せをすると、文字の端～端がバラバラの状態なのでこれを左端を揃えてそのままセンターへもって行きたいのですが、記述方法がわかりません。 説明不足ですみません。
お礼
追記で申し訳ございません。 横幅を指定する必要があるとありますが、単純に今左寄せになっているものをセンター寄せにするだけなので幅がどのくらいにというのも感覚がわかりません。
補足
回答ありがとうございます。ＣＳＳはまだ使用しなれなくて理解できないのですが、これ以外の記述方法はないでしょうか？現在左寄せはできているのでこれをそのままセンター寄せにできればよいのですが、こんなに複雑なタグ表示になってしまうのでしょうか？