締切済み

文字の揃え方

2010/11/17 21:24

文字を左右きちんと揃えたいんですが、その際に使うタグを教えてください。 ---------------例------------- あいうえおあいうえお ------------------------------ の場合はいいんですが ------------------------------ あいうえおかきくけこ ------------------------------ この場合は最後の「こ」が若干内側に入ってしまいます。確か揃えるタグがあったはずなんですが、忘れてしまいました。どなたか助けてください。

beginner_w
お礼率55% (91/164)

HTML
回答数4
ありがとう数0

みんなの回答 （4）
専門家の回答

みんなの回答

神崎渉瑠（@taloo）
ベストアンサー率44% (1016/2280)

2010/11/19 04:39 回答No.4

<tt>あいうえお<br> かきくけこ</tt> 等幅フォントで表示するという物なので、揃えるタグではありませんが。

yambejp
ベストアンサー率51% (3827/7415)

2010/11/18 09:30 回答No.3

補足：preタグというのがありますが、これはHTMLの中では異例の処理をおこなうので特別な場合を除き使用はさけたほうがいいです。 <pre> あいうえおあいうえお </pre> <pre> あいおえおかきくけこ </pre>

yambejp
ベストアンサー率51% (3827/7415)

2010/11/18 09:27 回答No.2

等角フォントならmonospaceですね <style> p{ font-family:monospace; } </style> <p> あいうえお<br /> あいうえお </p> <p> あいおえお<br /> かきくけこ </p>

torayoshi
ベストアンサー率62% (910/1449)

2010/11/17 23:14 回答No.1

回答ではなく「提案」です、あしからず。おそらく検証用ブラウザはIEと推測します。たしかIEのデフォルト表示フォントは「プロポーショナルフォント」だったはず。文字によって幅が違うフォントなので、そのままでは揃いませんね。対策として「等幅フォント」を指定するとか。それから「揃えるタグ」と言っているのはたぶんCSSの「text-align:justify;」プロパティのことを言ってるんだと思いますが、これはIE独自拡張プロパティです。例えば、 <html> <head> <style> p{text-align:justify; text-justify:distribute-all-lines; width:100px;} </style> </head> <body> <p> あいうえお<br> あいうえお<br> </p> <p> あいおえお<br> かきくけこ</p> </body> </html> こんなふうにすると「プロポーショナルフォント」でもIEなら綺麗に揃う。違うブラウザ間のレイアウト崩れを考慮するなら、やはり「等幅フォント」を指定するのが無難だと思いますよ。