我可以阻止两个单词分成不同的行并创建一个孤儿吗?

时间:2011-09-23 17:37:36

标签: html css

我的段落以包含两个单词短语“Read More”的链接结束。我希望这两个词总是显示在同一行上。现在,如果“更多”不能放在同一条线上,它会自动碰到下一行。

是否有任何CSS会阻止“阅读更多”进入单独的行?

3 个答案:

答案 0 :(得分:28)

HTML中有一个<nobr>标记可以执行此操作,但已弃用。 This page 建议改为使用white-space:nowrap

white-space 在CSS1规范中定义,并且应该得到所有主要浏览器的支持。

答案 1 :(得分:11)

您还可以在两个单词之间放置不间断的空格:

Read&nbsp;More

虽然可以说这种混乱的HTML与呈现有关。

答案 2 :(得分:4)

<a href='#' class="my-readmore-css-class">Read more</a>

.my-readmore-css-class { white-space:nowrap; } // it should be style for your "Read more"