- ベストアンサー
中央寄せのタグについて
- みんなの回答 (3)
- 専門家の回答
質問者が選んだベストアンサー
さらに短く書きたいなら、 <DIV align="center"> <TABLE border="0" cellpadding="0" cellspacing="0"> <TR> <TD align="left">ここにコメントが入ります。<BR>左寄せです。</TD> </TR> </TABLE> </DIV> 最初のDIVでセンタリングして、次のTABLEで左寄せにしています。
その他の回答 (2)
- ps5550
- ベストアンサー率22% (2/9)
私がよくやるのは、テーブルの中にテーブルを入れる方法です。 すみません、↓なぜかインデントが崩れて見づらいですが、こんなかんじです。 <html> <body> <table border=1 width=300> <tr> <td align=center> <table border=0 width=150> <tr> <td> テストですテストですテストですテストですテストですテストです </td> </tr> </table> </td> </tr> </table> </body> </html>
お礼
回答ありがとうございました。とても勉強になりました。
関連するQ&A
- 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> これでスレイプニルだとちゃんと中央寄せになるのですが IE9だと横画面いっぱいに広がってしまいます。 IEでも指定した幅で表示させる方法はありますか?
- ベストアンサー
- 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
- H2タグで囲まれた範囲を無条件に中央寄せするマクロ
どうすればいいんですか?H2タグの文字を全部中央に寄せたいんですが、いちいち全部<center>でやるのも面倒です。align=centerの属性をDIVタグにつけられるのか試しましたが、駄目でした。助けてください
- ベストアンサー
- HTML
- グーブログ・文字の中央寄せについて
グーブログを始めました。 記事を左端から、ずらずらと書いていて、途中で一部分だけ(何行か)を中央寄せにしたいのですが、どうしたらいいのでしょうか。 HTMLタグで編集を行なっていて、中央寄せにしたい文字部分だけを選択して、中央寄せのマークをクリックすると、それ以外のところも全部中央に寄ってしまいます。いったい、どうしてでしょうか?
- ベストアンサー
- ブログ
- cssで特定の行だけ文字を中央寄せで表示する方法
cssで特定の行だけ文字を中央寄せで表示する方法を教えてください あああ いいい ううう のようにしたいのですが、 今は、 <center>ううう</center> としていますが、cssで行うにはどうすればいいでしょうか?
- ベストアンサー
- HTML
- 可変長要素を中は左寄せのまま中央寄せ
widthが可変長の要素があって、その中は左寄せのまま、中央寄せにしたいです。 次のようにテーブルを使えばできたのですが、 テーブルを使わずにやることはできますか? <style> .outer{ width:500px; margin:0 auto; background:#eee; text-align:center; } .inner{ background:yellow; margin:0 auto; text-align:left; } </style> <div class='outer'> <table class='inner'> <tr> <td>可変長の文字列・・・・・・・・・・</td> </tr> <tr> <td style='padding:20px 0;'>aaa</td> </tr> <tr> <td>bbbbbbbbbbbbbb</td> </tr> </table> </div> display:inline-blockを使っても中央寄せにはなりますが、 「行間」の設定が困難でこれではだめでした。 (1行だけならline-heightで設定できるが、複数行になったとき意図したものではなくなる) <div class='outer' > <span class='inner' style='display:inline-block'> <span>可変長の文字列・・・・・・・・・・・・・・</span><br> <span>「行間」の設定はできないのでだめ</span> </span> </div> 宜しくお願いします。
- ベストアンサー
- CSS
- 複数のテーブルを無条件に中央寄せする方法
テーブルを無条件で中央寄せする方法を知りたいです。テーブルのセルの中にテーブルを作ったり・・・などしているので、是非ともマクロで全てのテーブルを中央寄せする方法を知りたいのです。 table{text-align:center;} でいいんでしょうか?
- ベストアンサー
- HTML
- インラインフレームの中央寄せについて
ブログのサイドバーに、アマゾンのウィジェットを貼り付けています。 しかし、<iframe・・ align="center">にしても、中央寄せにならず、左寄せになっている状態です。 元のソースは以下になります。 <iframe src="http://rcm-jp.amazon.co.jp/e/cm?~(省略)~" marginwidth="0" marginheight="0" width="120" height="240" border="0" frameborder="0" style="border:none;" scrolling="no"></iframe> どのようにすれば、サイドバーに中央寄せとなるのでしょうか? ご回答よろしくお願い致します。
- ベストアンサー
- ブログ
お礼
回答ありがとうございました。やってみたらみごと!出来ました。助かりました。