ファルシキャラクターの接続を防ぐにはどうすればよいですか?

StackOverflow https://stackoverflow.com/questions/6806598

  •  25-10-2019
  •  | 
  •  

質問

私には問題がありますが、おそらくこれは実際には問題ではありません!なぜHTMLマークアップ以下では、Arialのような標準のフォントを使用しても間違っていると思われる結果が生成されているのはなぜですか?

<span>سلام</span><span>خداحافظ</span>

سلامخداحافظ

上記の出力はこれではありませんか? (シミュレーションに使用されるスペースを無視します)

سلام خداحافظ

また、私はタグにマージンを使用しましたが、同じ問題を使用しました。前もって感謝します ;)

役に立ちましたか?

解決

HTML要素は、必ずしも単語を壊すとは限りません。それには多くの正当な理由があります。

たとえば、あなたはそれをで包むことにより、内側の形の文字に重点を置きたいかもしれません <strong> また <em> エレメント。その要素が一語と見なされた場合、文字はその孤立したフォームに切り替えますが、これはおそらくあなたが探している効果ではありません。

どちらかを挿入します 非壊れたスペース (&nbsp;)またはa ゼロ幅の非壊れたスペース (&#8203;) 間に <span> 要素はあなたの問題を修正します。

で結果を見ることができます このフィドル.

他のヒント

私の知る限り span tag 持っていません href. 。私はあなたが意味すると思います a tag.

uは間にスペース文字を使用できます a tags 望ましい結果を得るには:

<a href="#">سلام</a>&nbsp;<a href="#">خداحافظ</a>

Toタグのようなスペースを入力することもできます。 HTMLコードを使用する必要はありません。

<a href="#">سلام</a> <a href="#">خداحافظ</a>
ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top