1

例如，我有一个标题：

“用于 WordPress 的 Lorem Ipsum”

它将在我的屏幕上显示如下：

Lorem Ipsum for
WordPress

但我想这样显示：

Lorem Ipsum
for WordPress

我可以在 CSS 中有任何解决方案吗？我不想用<br>

谢谢你。

4

5 回答 5

2

如果您只是想防止两个单词之间出现换行符，例如“for WordPress”，那么最简单的方法是使用不间断空格（U+00A0）而不是普通空格。如果您不知道如何在创作环境中键入不间断空格，请使用&nbsp;实体，如for&nbsp;WordPress.

或者，将单词包裹在nobr标记内，如 in <nobr>for WordPress</nobr>，或包含在已分配spanCSS 声明的元素内。white-space: nowrap

于 2012-11-14T07:00:37.370 回答
0

随意设置宽度。

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

或者您可以使用两个不同的参数

  <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 回答
0

你也可以使用white-space:pre-line DEMO

于 2012-11-14T05:51:09.270 回答