html - スパン内および iframe 本体のピクセル単位の幅

Question

ピクセル単位の幅と 、フォントサイズに依存するかどうかを知る必要があります。また、これはページ内の要素によって異なりますか?

また、 レギュラーとの違いは？

Answer 1

通常のスペースに対する（ノーブレークスペース）の目的は 、単語間の改行を防ぐことです。 複数のエンティティを使用して、複数のスペースを一緒に持つことができます。 エンティティを使用せずにスペースを追加するだけの場合、それらは1つのスペースに縮小されます。

一部の初心者HTMLユーザーが行うように、コンテンツをパディングするために複数 のsを使用している場合、これは正しくないと見なされます。セマンティックの正確さを維持し、ページコンテンツからスタイルを分離するために、常にCSSマージンとパディングを使用してコンテンツをパディングする必要があります。

の幅は、 他の文字と同じようにフォントサイズや文字間隔などによって異なりますが、前述のとおり、ユーザーが変更できるため、確実に知る方法はありません。

Answer 2

Maccath の答えは従うべき正しいアドバイスですが、質問に直接答えるには: はい、実際にはJavaScript を使用して非常に簡単に幅を取得できます。

たとえば、次のようになります。

<span id="nbsp">&nbsp;</span>

幅は jQuery を使用して取得できます。

$('#nbsp').width()

jQuery は、<span>レンダリングされたときの幅を返すため、フォント サイズなどを考慮します。