テキストを壊していないものにしますか？

Question

このようなテキストがあるとします

こんにちは私はいくつかのテキストですこんにちは私はいくつかのテキストですこんにちは私はいくつかのテキストですこんにちは私はいくつかのテキストです 新しいラインで壊れたくない

上記の段落を検討してください。可能であれば、太字の部分が新しいラインを越えて壊れないようにしたいです。同様に、スクロールバーなどが必要な場合は壊れたいが、テキストの前後にページブレイクを挿入して、1つの行に収まるように壊すことができない場合は壊れない。

これはどのように可能ですか？私はようなことを試しました page-break-inside そしてそのようなことですが、それはFirefoxで何もしていないようです。

Answer 1

使用 white-space 財産：

Hello I am some text Hello I am some text Hello I am some text
Hello I am some text <span class="nobr">I do not wish to be
broken on new lines</span>

と：

span.nobr { white-space: nowrap; }

Answer 2

これを完全に追加する：

CSSを使用したくない場合は、使用できます <nobr>text with space</nobr> - 参照 ここ

純粋なテキストブロック用, 、私は、非態度ではなくてはならないHTMLフォーマットタグのようなものだと思います <i>, <b>, <nobr> 同様に使用するのに有効です。サイト構造に関連するコンテンツ用 使用する <em>, <strong> と <span class="">.

Answer 3

ブートストラップ4にはclass = "text-nowrap"があります

詳細はこちら https://getbootstrap.com/docs/4.0/utilities/text/#text-wrapping-and-overflow