- ベストアンサー
文字の左寄せセンター表示
- みんなの回答 （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>の間に書きます
補足
普通にセンター寄せをすると、文字の端～端がバラバラの状態なのでこれを左端を揃えてそのままセンターへもって行きたいのですが、記述方法がわかりません。 説明不足ですみません。
関連するQ&A
- タグの左寄せなんですが・・・
普通の左寄せのタグはわかるんですが、 例えば、左から３センチのところに左寄せをする時の タグを教えてください。 お願いします。
- ベストアンサー
- その他（インターネット・Webサービス）
- CSSで、文字は左寄せにして、文字全体を中央寄せにする方法
を教えてください！^^; text-align: left; で文字を左寄せにすることができることは先ほど調べてわかったのですが、 文字全体を中央寄せにする方法が分かりません^^; 本当に困ってます、どなたか教えてくださいお願いします＞＜
- ベストアンサー
- CSS
- cssで、全体を中央寄せ、文字は左寄せにする方法
CSSで、全体を中央寄せにしつつ、全ての文字を左寄せにする方法を教えてください。 bodyにtext-align: centerを設定し、 #outline{ width:1200px; margin-right:auto; margin-left:auto; text-align:left; } .content{ float:left; width: 1200px; } と書き、<div id="outline"><div class="content">で全体を囲みました。 すると、大方できたのですが、h要素のみずれてしまいます。 （h1は全体に対する左寄せ、h2は全体に対する中央寄せとなってしまいました・・・） h要素は色とフォントサイズを指定したのみです。 CSSについて自体あまり詳しくないので、なぜこうなってしまっているのかわかりません。 どのようにすれば、他と同じく中央左寄せにすることができるでしょうか？ よろしくお願いいたします。
- ベストアンサー
- CSS
- 左寄せにしたい
もう自力ではどうにもできなくなったので質問させていただきます（泣） 【 CGI名 】 もっと書き込み隊2 Ver. 0.984 【 配布先URL 】 http://tackysroom.com/ 【 配布元のサポート 】・サポート掲示板はなく、メールでは、カスタマイズに関する内容は受付していないため、質問できず。 スレッド記事（及び書き込みフォーム）が中央寄せになっているのですが、 左寄せにしたいのですが、 どうにもなりません。 どこかに<center>のタグがあるのか、 もしくはcss表記するときに {margin:0 auto;}が入ってないか探してはみたいのですが、 何ともなりませんでした。 【希望する回答】 CGI初心者なので、わかりやすい回答をお願いしたく存じます。 ・ここをこう書けば左寄せになります！というダイレクトな回答をお願い致します。 URLが個人的理由で書けなくて申し訳ありません。 既に多数の書き込みのある上に非常に偏った趣味のサイトのリンクが多数書き込んであるため、 書き込んで下さった方々にも私の意向のみでご迷惑をかけるわけにもいかず。 本当に申し訳ありません。 複数ファイルがあるため、どのファイルで指定されているのかもわからず、 本当に申し訳ありません。 どなたか、回答して下さいます様、よろしくお願い致します。
- 締切済み
- CGI
- Firefoxでサイトの中央寄せをしない設定（スタイルシート？）
文字のサイトを見ているとき、centerタグで固定されてしまい、非常に読みにくいときがあります。 Firfoxを使用しているのですが、ユーザースタイルシートなどを使って、このcenterタグのみを無効にするような設定は可能でしょうか。 また異なる方法でもかまいませんので中央寄せになっている文章を左寄せにして読む方法があれば教えていただければありがたいです。 現在までにユーザースタイルシートを編集した経験はありません。
- ベストアンサー
- フリーウェア・フリーソフト
- CENTERでTABLEの中まで中央揃いになってしまう
何年か前からＨＰを作っているのですが、以前は確かにテーブルは中央に表示されていて、中の文字は普通に左から表示されていたのですが、今日久しぶりにそのページを見てみると、中の文字まで中央寄せになっていました。記述は以下のとおりです。 <CENTER> <TABLE> ～テーブルの記述～ </TABLE> </CENTER> で、他のページを見てみると、同じ記述でもちゃんと左寄せのまま（標準）になっていました。「？？？」と思っていろいろ違いを調べてみると、冒頭に<!DOCTYPE HTML PUBLIC "HTML 3.2">とあるものが中央寄せになっていました。この記述をはずすと意図どおりに「テーブルは中央表示、中の文字は左から表示」となります。セル指定「ALIGN=LEFT」は入れてません。もちろん、入れると左から表示となりますが、以前はちゃんと表示されていたのに何か途中で変わったんでしょうか？ 場合によっては全ページの調査をして修正の必要があるので頭が痛いですが、どうするのがBETTERなのかアドバイスいただければうれしく思います。
- ベストアンサー
- HTML
- ■テンプレートの中央寄せを左寄せに変更する方法■
オークションでテンプレートを使おうと思っているのですが、中央寄せになっているのを左寄せに変更したいのです・・・。変更の仕方をわかりやすく教えて下さい。 あと文字ももう少し大きくしたいのでその方法も教えて下さい。 よろしくお願いします。 使いたいテンプレートはこちらです。 http://www.angel-tail.com/fu_20.html
- ベストアンサー
- ブログ
- DataGridViewの文字のスタイル（左寄せなど）について
お世話になります。VB2005です。 DataGridViewで、列のデータの内容によって、文字の左寄せや右寄せをやりたいと思いますが、 どのようにすればよろしいのでしょうか。 Column1:右寄せ、Column2:左寄せ のようにしたいのです。 よろしくお願いいたします。
- ベストアンサー
- Visual Basic
- エクセルで左寄せ かつ 空間をあける
エクセルで左寄せ かつ 空間をあける タイトル通りのことをしたいのですが セルの中に文字を書き 左寄せの項目にチェックすれば 左寄せで文字をのせることができますが それだと左によりすぎています 少し空間を入れるために文字の左端にスペースキーでスペースをいれたのですが この作業を全ての列、行でしなければいけないとなると大変なんです 左寄せ かつ 空間をあける という作業はこのやりかた以外にもできるんでしょうか？
- ベストアンサー
- オフィス系ソフト
- OpenOfficeCalcでの四角形の中の文字
Calcで四角形を作成しました。 そこに文字を書いたのですが、 文字が上下位置、左右位置共に「中央寄せ」になっています。 ・現在の状況 ------------------ | | | 文字 | | | ------------------ 文字の位置を 「上左端から」 にしたいのです。 ・希望 ------------------ |文字 | | | | | ------------------ 左右位置の左寄せは、「左寄せ」ボタンでやることが分かったのですが、 「左上」から、スタートすることが出来ません。 どうしたらできますでしょうか。 よろしくお願いします。
- ベストアンサー
- オフィス系ソフト
お礼
追記で申し訳ございません。 横幅を指定する必要があるとありますが、単純に今左寄せになっているものをセンター寄せにするだけなので幅がどのくらいにというのも感覚がわかりません。
補足
回答ありがとうございます。ＣＳＳはまだ使用しなれなくて理解できないのですが、これ以外の記述方法はないでしょうか？現在左寄せはできているのでこれをそのままセンター寄せにできればよいのですが、こんなに複雑なタグ表示になってしまうのでしょうか？