Q&A
質問文のコードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。
Win7/IE11環境で、ウェブ画面を作成しています。
以下のhtmlでREC1とREC2の行の終端を揃えたいのですが、うまくいきません。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd"> <HTML> <HEAD> <META http-equiv="X-UA-Compatible" content="IE=Edge"> <STYLE TYPE="text/css"> td { font-family: monospace ; font-weight:bold; } </STYLE> </HEAD> <TABLE ID="outputArea"> <TR valign="top"> <TD style="border-style:none;"> <TABLE> <TR> <TD style="border-style:none;" ID="outputAreaMeisai"><span style="background-color:#FF0000;"><font color=#FFFFFF>REC1 X X X X X X X X X X X X X X X X X X X X X X X</font></span> </TD> </TR> <TR> <TD style="border-style:none;" ID="outputAreaMeisai"><span style="background-color:#FF0000;"><font color=#FFFFFF>REC2XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</font></span> </TD> </TR> </TABLE> </TD> </TR> </TABLE> </HTML>
ただし、上記を「font-weight:normal;」に変更すると、行の終端が揃います。
「font-weight:bold;」指定をしても、文字幅が変わらないフォントはないのでしょうか。
環境の違いでしょうか。。ちなみに当方はDOCTYPEをHTML 4.0 Transitionalで動作させていますが、そのように設定しても再現しないでしょうか。。
URLの先は御覧になられましたか？それについては問題なく表示されていますか？
回答3件
0
ベストアンサー
これを追記してみてください。
HTML
1<meta http-equiv="content-type" content="text/html; charset=UTF-8">
投稿2017/04/10 08:35
総合スコア69400
ご回答ありがとうございます。
実装してみたところ、解消いたしました！
文字エンコーディングによっても表示が変わるということですね。
ご丁寧にありがとうございました。
0
両端揃えなら終端も揃いそうですが…
css
1text-align: justify; 2text-justify: inter-ideograph;
投稿2017/04/10 03:55
総合スコア1857
ご回答ありがとうございます。
ご指摘の内容をスタイルに指定してみましたが、解消されませんでした。
また、バリエーションとして「text-align: justify;」のみ、「text-justify: inter-ideograph;」のみの指定も確認しましたが解消されませんでした。。
やはりフォントを変えるしかないのでしょうか。。
ご回答ありがとうございます。当該フォントをインストールし実装してみたところ、解消されました！
ただしできれば標準フォントでこの課題を解消したいのですが。。
やはり難しいですかね。。
あなたの回答
tips
プレビュー
