-
すべてのブラウザと互換性のある、ケースバイケースでハイフンの後の改行を防ぐ方法を探しています。
例:
次のようなテキストがあります: 3-3/8"
HTML では次のようになります:3-3/8”
問題は、行末近くでハイフンがあるために、完全な単語として扱われるのではなく、改行されて次の行に折り返されることです...
3-
3/8"
「ゼロ幅の改行なし文字」を挿入しようとしましたが、
うまくいきませんでした...
3-3/8”
私はこれを Safari で見ていますが、すべてのブラウザで同じになると思います。
以下は私doctype
の文字エンコードです...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
ハイフンの後で改行されないようにする方法はありますか? ページ全体に適用される解決策は必要ありません。必要なのは、機能するものを除いて、「ゼロ幅の改行なし文字」のように、必要に応じて挿入できるものだけです。
デモはこちらです。ハイフンで行が分割されるまでフレームを狭くするだけです。
ベストアンサー1
改行不可のハイフンを使用してみてください‑
。jsfiddle でダッシュをその文字に置き換え、フレームを可能な限り小さく縮小したところ、行がそこで分割されなくなりました。