web-dev-qa-db-ja.com

切れないテキストを作成しますか？

私はこのようなテキストを持っていると言います

こんにちは、テキストですこんにちは、テキストですこんにちは、テキストですこんにちは、テキストです改行で改行されたくない

上記の段落を検討してください。可能であれば、太字の部分を改行しないでください。同様に、スクロールバーなどが必要な場合は中断しますが、1行に収まるようにそのテキストの前後に改ページを挿入できる場合は中断しません。

これはどのように可能ですか？私はpage-break-insideなど。ただし、Firefoxでは何もしないようです。

htmlcssnowrap
57
Earlz

使用 - 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; }
111
cletus

完全を期すためにこれを追加：

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

純粋なテキストブロックの場合、<i>、<b>、<nobr>およびalikeは使用に有効です。 サイト構造に関連するコンテンツの場合<em>、<strong>および<span class="">。

12
BananaAcid

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

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

2
Yevgeniy Afanasyev