• 締切済み

文章をページの中央に寄せるには?

文字(文章)をページの中央に表示させるには、テーブルを作って入れるしかないですか? 掲載画像のようにしたいのですが、 黒い線のように、テーブルを作って、その中に文字を入れる方法しかないのでしょうか? 黒い線は背景と同じ色にして消せばいいですか? <CENTER>タグを使ってセンタリングすると、すべての文字が中央に寄ってしまいますが、 文章として中央に寄せたいです。

  • HTML
  • 回答数2
  • ありがとう数9

みんなの回答

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.2

HTMLの仕事じゃない。HTMLは文書構造しか書かない。 <center>は、使うべきではない。 左右の中心には表示できますが、上下の中心には原則としてできません。  ユーザーエージェントのディスプレイのサイズは様々で、screenに分類されるメディアでも縦置きのスマホから超幅広ディスプレイまで様々で、しかも視覚障害者はフォントを拡大して利用している可能性も多い。  印刷を目的とする場合は、用紙をA4に、フォントサイズなども指定できますので、印刷用スタイルシートでそのように配置する事は良く行なわれます。

noname#199520
noname#199520
回答No.1

<CENTER>タグを使ってセンタリングすると、すべての文字が中央に寄ってしまいますが、 文章として中央に寄せたいです。 何がしたいの? 画像は左寄せだし。

関連するQ&A

  • 中央寄せのhtmlタグ?

    ホームページに置いた文字や画像が、すべて左寄せに表示されるのをセンタリングしたいのですがタグを教えて頂きたいと思います よろしくお願いします

  • 中央にリンク画像をするとリンクができない(HTML

    超初心者なので初歩的な質問ですが・・・ リンク画像を画面中央に配置したいと思ったのですが <center>~</center> のタグで中央にするとリンクができません。 (指マークがでない状態) 画像は表示されてます。 <center>~</center> で、挟まなければちゃんとリンクできる状態です。 でも左揃えになっています・・・ 何が原因かさっぱり分かりません・・・ 前日はセンター揃えできちんとリンクができました。 ちょっと画像を変えたりしていたので、 どこかをいじったらしくリンクができない状態に。汗 背景と同化するテーブルをつかってみたのですが 結局コレも中央に配置するには<center>~</center>。 これでもリンクできません。 う~ん・・・<center>~</center>以外で中央配置のタグはありますか?原因は何が考えられるのでしょう

  • DIVタグでの表のセンタリング

     ウインドウズXPプロ、ホームページビルダーV6.5でページを作成しています。エクスプローラーでの表示は全く問題ないのですが、ネットスケープ7.1やオペラ7.54で表示すると、DIVタグでセンタリングした表やHタグの背景がセンタリングされません。左寄りに表示されます。テキストや画像はセンタリングされています。  <DIV align="center"> や <DIV style="text-align:center"> ではネットスケープやオペラで表やHタグの背景をセンタリングすることは出来ないのでしょうか。

  • Firefoxだと無効なのかなあ…

    自分で作ったページなんですが、スタイルシートで、 div{text-align:center;} と指定してからdivタグでセンタリングしたいところをはさんでいます。 IEで見てみると文章も画像もテーブルもきれいに全部センタリングされてるのですが、Firefoxで見てみるとテーブルだけ左に寄ってしまいます。 やっぱりきちんと <table align="center"> って指定しておかないとだめでしょうか?

  • ホームページを中央に表示するには?

    初心者ですがホームページビルダーで作った自分のホームページを持ってます。 早速質問なのですが、ヤフーのトップページなどは左右に等間隔の余白があって、ページ全体がつねに画面の中央に表示されていますよね。 「お気に入り」のボタンを押して左側にお気に入り一覧を表示させてもページはつねに真ん中に表示されます。 文字のセンタリングではなくて、ページを中央に表示させる方法です。 私は左に寄せてページを作っているので、見ばえを良くするためにページを真ん中に表示させるのはどのようにしたら良いのでしょうか。 タグがあったら教えてほしいです。 お願いします。

    • ベストアンサー
    • HTML
  • CSSで画像を中央配置(センタリング)する方法について伺います。

    CSSで画像を中央配置(センタリング)する方法について伺います。 ※ボックスのセンタリングではなくて、ボックス内の画像のセンタリングです。 単純に text-align:center; で中央配置されましたが、テキストが入っていないボックスでも、このタグで文法的には問題ないのでしょうか? header内にphoto.gif画像が入っている場合。 CSS #header{text-align:center;} HTML <div id="header"> こんな単純で良いのでしょうか? 初心者なので、とんちんかんな質問だったら申し訳ありません。

    • ベストアンサー
    • HTML
  • CSSで画像を常にスクリーンの中央に表示させるコマンドは?

    Dreamweaver MX2004を使用して、サイトを作成しています。 ページ構成は至ってシンプルで、背景とその中央に表示される(はずの;)フラッシュ画像です。 具体的には・・・ - <body></body>に画像を背景として表示 - <body></body>の中にdivタグでくくった箱を作り、その中にswfファイル内包 としています。 スクリーンの大きさに関わらず、常に中央にフラッシュ画像(divタグでくくったswf)が表示されるようにしたいのですが、左右の中央揃え(寄せ?)はmargin: auto;で出来たものの、フラッシュ画像が画面の一番上に張り付いたままです。 divタグを<center></center>でくくってみたりもしましたが、結果は同じ・・・ フラッシュ画像を<table></table>に内包してスクリーンの中央に表示させるやり方は知っているのですが、CSSのみで同じ事は出来ないでしょうか? 色々な本やサイトを調べましたが分かりません。 ご存知の方いらっしゃいましたら、教えて下さい。 ヨロシクお願いします。

  • 文字、センタリングの中での行頭左端揃え

    すみません、質問です。 文字(短文)をページの中央におきたいのですが 「センタリング<タグ>」を使うと *********** __******* ____*** *********** _********* __******* _********* (*が文字で、『_』がスペースです)。 ・・・とゆうようになります。 そうではなくて、ページの中央で 行頭をきちんとそろえたいんです。。 *********** ****** ******** **** ********* ***** といった具合に。。 これは leftmargin でやるしかないんでしょうか? leftmargineだと、正しい中央の値がわからないんです。 なので、センターでの文頭左端揃え、といった具合に したいのです。 お願いします。

    • ベストアンサー
    • HTML
  • プルダウンメニューで中央表示

    プルダウンメニューで中央表示 HTMLのプルダウンメニューで文字を中央寄せにすることは可能でしょうか? ページのレイアウト上、ボックスの幅を広くとっていて、 リストの文字が端によりすぎてしまうので、中央に表示したいのですが、 tableタグなどで使えるalignのようなものはないのでしょうか。 ご存知の方、教えていただけると助かります。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • 全ての文字が自動的にセンタリングしてしまいます。

    サイト全体を真ん中に表示させています。 それまで、<body>の直下に<center>タグがあってもきちんと左に文字がよっていたのですが 全ての文字がセンタリングしてしまうようになりました。 どこをいじったのか判らず、原因を考えているのですが、こういうことはあるのでしょうか。 フロントページ2003を使用しております。

    • ベストアンサー
    • HTML

専門家に質問してみよう