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

Question

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

是否有任何CSS会阻止"阅读更多"打破单独的行？

Answer 1

<nobr>HTML中有一个标记可以执行此操作,但已弃用.此页面建议使用white-space:nowrap.

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

Answer 2

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

Read More

虽然可以说这种混乱的HTML与演示很重要.

Answer 3

<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"