我的段落以包含两个单词短语“Read More”的链接结束。我希望这两个词总是显示在同一行上。现在,如果“更多”不能放在同一条线上,它会自动碰到下一行。
是否有任何CSS会阻止“阅读更多”进入单独的行?
答案 0 :(得分:28)
HTML中有一个<nobr>
标记可以执行此操作,但已弃用。 This page 建议改为使用white-space:nowrap
。
white-space 在CSS1规范中定义,并且应该得到所有主要浏览器的支持。
答案 1 :(得分:11)
您还可以在两个单词之间放置不间断的空格:
Read 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"