- ベストアンサー
表示するテキストをきれいに揃えるには
ご挨拶文のようなものを、表内にテキストで表示させます。 その際に、ワードのような箱組み（両端の文字が揃う状態）を しなければいけなくなりました。 ＤＴＰではありませんので、普通に考えますとＨＴＭＬの仕様上 不可能ではと思いますが、スタイルシートや何らかの工夫をして 解決できる方法をご存知の方いますでしょうか。 運用上の問題から、テキストの画像化による対応ができず、 当然一般公開のため、仮にブラウザをＩＥのデフォルトである 環境設定とした場合でも、思いつきませんでした。 完璧ではないにしても、何らかの対応を行った経験者の方や 知識をお持ちの方がいましたら、何卒宜しくお願いします。
- みんなの回答 （5）
- 専門家の回答
質問者が選んだベストアンサー
No1,2さんの回答を合わせたような感じですが、スタイルシートで text-align: justify; を指定したあと、 text-justify: "値" を指定するといいと思います。 text-justifyに指定する値は各種ありますが、日本語の場合inter-ideographが言いと思われます。 .justify{ text-align: justify; text-justify: inter-ideograph; } スタイルシートはこんな感じで。 あとは均等揃えが必要な箇所のタグのプロパティにclass="justify"を。
その他の回答 (4)
- bunoo
- ベストアンサー率60% (3/5)
すいません。前回テーブルタグと言うトンチンカンな回答をしたものです。 今日、たまたま「Mozilla, Opera でも日本語を均等割付」という記事が書かれたサイトを見つけました。私自身は試していないのですが、参考ＵＲＬに書いておきますね。
お礼
アドバイスありがとうございます。 本件に関わらず、頂いた情報は今後活用して参ります。
補足
こちらにまとめてご報告致します。 各種対応の結果、text-justifyの利用が非常に有効的でした。 Dreamweaverの古いバージョンを利用していたのですが、今回の text-justifyがコードになく、自身の勉強不足を知らされました。 最近はＩＥ７もテスト版が出ており、各種ブラウザも細かい設定が 色々簡単に出来てしまうなか、今回のtext-justifyもそれらの設定に 対しては難しい所もあり、いろいろと考えるきっかけとなりました。 ご回答頂いたみなさま、改めてありがとうございました。
- bunoo
- ベストアンサー率60% (3/5)
質問の意味を履き違えているかもしれませんが、両端の文字をそろえたいだけなのであれば、スタイルシートが難しいようでしたら、テーブルタグで誤魔化す手もあります。 --------- <html> <head> <title>タイトル</title> </head> <body> <table width="500px" border="1" bordercolor="black" align="center"> <tr><td> ここに書きたい文章を書く…… </td></tr> </body> </html> ------------ 以上のような感じです。 widthで指定している数字を変えれば横幅を変えられます。周りの枠線の太さはborderで指定している数字を変えてください。ゼロにすれば、枠線を見せずにテキストをそろえることも可能です。bordercolorの指定を変えることで枠線の色を変えられます。質問からして、ワードのように箱組み（表）を真ん中に寄せたいのかと思いましたので、alignにcenterを指定しておきました。align="left"で左側に、"right"で右側に寄せられます。 ただ、実際はtableタグは表をあらわすためのタグで、この使い方は邪道です（笑）。
- 参考URL：
- http://capsule.chips.jp/
お礼
アドバイスありがとうございます。 例えば、このページのように左端か右端だけあわせる事は容易に できます。しかし、ワードのように文字の折り返し位置を全て 均等にする（３０行文の文章の各行の終わりが凸凹にならない） という話になってしまい、悩んでいる所です。 皆様のご回答を元に、来週挑戦してみます。
- jprr
- ベストアンサー率51% (108/210)
text-align:justify は依存性があるので text-justify:… …は属性 が良いと思います。
お礼
回答ありがとうございます。 月曜日に頂いた情報からリトライしてみたいと思います。
スタイルシートで <text-align:justify;> ↓を参考に。 http://www.htmq.com/style/text-align.shtml 当方の知識は完璧ではないので、 当然「自信なし」で。
お礼
アドバイスありがとうございます。 チェックが遅くなり申し訳ありません。 解説サイトの通りではなかなかうまくできませんでした。 難しいですね・・・
お礼
回答ありがとうございます。 月曜日にリトライしてみます。