- ベストアンサー
Ｈ２タグで囲まれた範囲を無条件に中央寄せするマクロ
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
CSS使えば強制的に全部中央揃えできますよ。したいもの、したくないものの使い分けはclass属性でもできます。 ※centerタグやalign属性は使わないことが推奨されています。 CSS使えないブラウザはそろそろ考慮しなくてもよいのでは？ <META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css"> <STYLE TYPE="text/css"> <!-- h2{ text-align: center; }
その他の回答 (1)
- 0KG00
- ベストアンサー率36% (334/913)
--> </STYLE> すみません、上記2行を先の回答の最後に追加してください。
関連するQ&A
- 中央寄せのタグについて
ＨＰを作成中です。 文字を<DIV ALIGN="CENTER">で 中央寄せにして、なおかつ改行した２行目の頭を揃えるにはどうしたらよいでしょうか？今のままですと、改行した行が、それぞれ中央に寄ってしまいます。教えてください。
- ベストアンサー
- HTML
- divタグを中央寄せでwidthを指定したい。
Webのデザインを行っているのですが、以下のような事象に困っています。 ブラウザはGoogle chromeです。 <body> <div style="text-align:center;"> あいうえお </div> </body> これは中央寄せになるのです。しかし、 <body> <div style="text-align:center;width:400px;"> あいうえお </div> </body> こうすると、中央寄せが解除されてしまいます。 どうしてこうなるのでしょうか？ 出来れば理由も含めて理解したいのですが、教えて頂けないでしょうか。
- ベストアンサー
- HTML
- floatを使用すると中央寄せにならない
CSSについて質問があります。 floatを使って2段組のレイアウトにしたのですが、 MacのIE5.2で見ると、floatを使ったdiv（container）だけ中央寄せではなく 左寄せになってしまいます。MacのSafariやFirefoxでは正常に見れました。 URL：http://fuma.xrea.jp/ /* CSSソース*/ html{height : 100%; width : 100%;} body{width : 100%; text-align : center; margin : 0px auto; padding : 0px;} #container{ margin : 0px auto; padding : 0px; width : 720px;} div#main{ text-align : left; width : 490px; margin : 0px; padding : 8px 0px; float : left;} div#side{ margin : 0px; padding-bottom : 8px; text-align : left; width : 230px; float : right;} div#copyright{ text-align : center; margin : 0px auto; padding : 10px 0px; clear : both; width : 720px;} /* HTMLソース */ <div id="container"> <div id="side">てすと</div> <div id="main">てすと</div> </div> <div id="copyright">test</div> <div align="center">を使っても中央寄せになりませんでした。 どうすれば、MacのIEでも中央寄せにできますか？
- ベストアンサー
- CSS
- IEで中央寄せにしたい
<html> <head> <title>test</title> <style type="text/css"> <!-- body {margin-right : auto; margin-left : auto; width : 50%} div#center { text-align: center; } --> </style> </head> <body> <DIV style=background:red;> test</DIV> </body> </html> これでスレイプニルだとちゃんと中央寄せになるのですが ＩＥ９だと横画面いっぱいに広がってしまいます。 ＩＥでも指定した幅で表示させる方法はありますか？
- ベストアンサー
- HTML
- margin div 中央寄せ
div内の文字ではなく、div事態をページの中央に寄せたいのですが、 なぜか div.test{ margin-top:100px; margin-bottom:100px; vertical-align: middle; } だと中央寄せにならないし、 div.test{ margin-top:100px; margin-bottom:100px; margin: 0 auto; } だと、 margin-top:100px; margin-bottom:100px; が無視されます。 上下の幅を設定し、更にdivを中央に表示するにはどうすればいいですか？
- ベストアンサー
- CSS
- CSSで中央寄せをしたい
商品リストのテーブルがあります。 4個の商品が横並びで3段になっていて合計12個を表示します。 1つの商品の内容自身はテーブルになっていて商品画像、商品名、価格 が表示されます。 個別の商品に<div class="p">として1段目の商品をfloatで横並びにし、4個目が終わるとclearします。 それを繰り返して3段表示します。 この商品リスト全体を<div class="product">として .product{ text-align:center; } としましたが、中央よりになりません。 なぜでしょうか？ 教えてください。 よろしくお願いします。
- ベストアンサー
- HTML
- ｈ１タグについて教えてください。
ｈ１タグを付けると文字が大きくなってしまいます。 フォルダにメモ帳で h1 { text-align: center; font-size: 10px; font-weight: normal; color: #FF0000; } の内容です。フォルダの名前はstyle.cssです。 HPのソースには<HEAD></HEAD>の中に<link href="style.css" rel="stylesheet" type="text/css"> を入れてあります。 h1を使ったソースは <TD><h1>●●●●●</h1></TD>です。 ●の文字が大きくなってしまい困っています。教えてください。おねがいします。 初心者ですので伝え方の不足の部分があるかもしれませんが、宜しくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- aタグ 中央寄せ
こんにちは aタグのの内容を上下左右の中央に寄せたいのですが、 どのようにすればよいでしょうか？ html-------------- <div class="specialEdition"> <a href="#">LINK</a> </div> css--------------- #leftcolumn .specialEdition { position:relative; width:180px; height:100px; background:url(images/left01.png) no-repeat; cursor:pointer;} #leftcolumn .specialEdition a{ display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
- 締切済み
- CSS
- CSSでjavascriptが中央寄せにならない
楽天モーションウィジェットをブログに掲載して、 cssでtext-align:center;を指定しました。 文字は中央に寄るのですが、 ウィジェットの部分は左寄せのままです。 これはもう諦めるしかないのでしょうか？ よろしくお願い致します。
- ベストアンサー
- CSS
- このタグですが、ページを右端から左へ縮めても、常に中央に位置させたいのですが、、
このタグですが、ページを右端から左へ縮めても、常に中央に位置させたいのですが、、、 <BODY> <DIV style="top : 56px;left : 95px; position : absolute; z-index : 1; width : 336px; height : 21px; " id="Layer1" align="center"><FONT size="+4">テキスト</FONT></DIV> </BODY>
- ベストアンサー
- HTML
お礼
ありがとうございます。おかげで中央寄せできました。もうひとつ質問があります。 テーブルを無条件で中央寄せする方法です。テーブルのセルの中にテーブルを作ったり・・・などしているので、是非ともマクロで中央寄せする方法を知りたいのです。 table{text-align:center;} でいいんでしょうか？