word-spacingについて

質問

全角スペース1個と半角スペース2個を並べたとき余白分半角スペースのほうが幅が広くなっていたためword-spacingを入れたのですが、小数点の値が無視か四捨五入されているらしくぴったり幅が一致しません。
FireFoxでは効いているみたいなのですが他のブラウザでは小数点が反映されてないみたいです。

何かいい方法はないでしょうか。
よろしくお願いします。

回答No.3

yambejp · ベストアンサー

#1ですが、こういうこと？

<style>
.test {
font-family:monospace;
}
</style>

<div class="test">てすと</div>
<div class="test">　　と(全角2つ)</div>
<div class="test">&nbsp;&nbsp;&nbsp;&nbsp;と(半角4つ)</div>

回答No.2

noname#100277

単語と単語の空白箇所の幅を指定するのが「word-spacing」です。
全角スペースはHTMLでは基本的には使いません。
小数点を「文字実体」として記述した場合はどうですか？

回答No.1

yambejp

具体的なソースの提示がほしいところです。

fontfamilyをmonospaceにして半角スペースに&nbsp;を
利用するとか？

お礼

<pre>てすと</pre>
<pre> と</pre>

のようにしてみるとわずかにずれが生じていたので、

.test {
white-space: pre;
}

<span class="test">てすと</span>
<span class="test"> と</span>

とCSSで入力してみたのですが変わらず、

.test {
white-space: pre;
word-spacing: -1px;
}

とやると幅が変わったので、この値を変えていたのですがIEなどのブラウザだと小数点を入力してもとくに変わりがなかったです。