1

たとえば、私はタイトルを取得しました：

「WordPress の Lorem Ipsum」

私の画面では次のように表示されます。

Lorem Ipsum for
WordPress

しかし、私はこのように表示したい：

Lorem Ipsum
for WordPress

CSSで何か解決策はありますか? 使いたくない<br>

ありがとうございました。

4

5 に答える 5

2

「for WordPress」のように、2 つの単語の間の改行を防止したいだけの場合、最も簡単な方法は、通常のスペースの代わりに改行なしスペース (U+00A0) を使用することです。オーサリング環境で改行なしスペースを入力する方法がわからない場合は、 のように&nbsp;エンティティを使用してくださいfor&nbsp;WordPress。

nobrまたは、 のようにマークアップ<nobr>for WordPress</nobr>内、またはspanCSS 宣言white-space: nowrapが割り当てられている要素内で単語をラップします。

于 2012-11-14T07:00:37.370 に答える
0

DEMOも使えますwhite-space:pre-line

于 2012-11-14T05:51:09.270 に答える
0

幅は好きなように設定してください。

<p>"Lorem Ipsum for WordPress"</p>
p {
width: 95px;
}

または、2つの異なるパラを使用できます

  <p>"Lorem Ipsum </p><p>for WordPress"</p>

デモ:フィドル

于 2012-11-14T05:45:58.357 に答える
0 
<p><span style="display:block">Lorem Ipsum</span>for Wordpress</p>
于 2012-11-14T05:45:58.617 に答える
0

CSS を使用するだけでは不可能な場合がありますが、以下に示すように、span + a CSS Display as block を使用して実行できます。

<p><span>Lorem Ipsum</span><span>for WordPress</span></p>

CSS:

p span 
{
    display: block;
}

ありがとう

于 2012-11-14T05:47:22.640 に答える