- ベストアンサー
文字間にスペースを開けるには？
色々試してみてだめでしたらので質問致します。 動作環境：IE7.FireFox3 商品名：○○○○ 型□番：△△△△ ※□の場所に空白。 ※上の三文字と揃うように。 css.htmlどちらを使用してもよいのですが 下記は試した結果です。 <pre>～</pre> ＩＥで文字が縮小されるので駄目 style="white-space:pre;" FireFox側が認識せず style="letter-spacing:1em;" ＩＥだとＯＫ FireFoxだと最後の文字の後ろにもスペースがつく 何かよい解決策はないでしょうか？ よろしくお願い致します。
- kinako0331
- お礼率44% (4/9)
- HTML
- 回答数3
- ありがとう数2
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (2)
- goldfox
- ベストアンサー率49% (123/249)
<pre>～</pre> ＞ＩＥで文字が縮小されるので駄目 preに対し、css指定は？ （'ＭＳ ゴシック'……フォント名の指定が重要かなと） <pre>あ い う え お<br>かきくけこ</pre> <pre style="font: 100% 'ＭＳ ゴシック',sans-serif;">あ い う え お<br>かきくけこ</pre> <p style="font: 100% 'ＭＳ ゴシック',sans-serif;">あ い う え お<br>かきくけこ</p>
お礼
ご回答有難うございます。 preに対してMSゴシックの指定ををするとうまく表示されるようになりました。 デフォルトのcss内では body{ font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; } で行っておりました。 フォントによってpreの動きも変わってしまうんでしょうか？
- mako_sea
- ベストアンサー率47% (62/130)
過去の同様の質問がありますが、 参考になりますでしょうか。
補足
ご回答有難うございます。 残念な事に参考ＵＲＬの通り行っても両ブラウザで対応させる事ができませんでした。
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/images/related_qa/c205_1_thumbnail_img_sm.png)
お礼
ご回答有難うございます。 的確な説明で大変よくわかりました！ 今まで何気なく使ってたフォントの設定でしたが これからは意味を理解した上で利用していけると思います。 大変参考になりました！ 本当に有難うございました。