css - 文本和文本之间的不间断空白

Answer 1

您可以为标签设置一个边距，并设置white-space:nowrap为防止中断，如果空白属性不起作用，那么可能有其他样式可能会干扰它，甚至是其他 html 元素，因为您当前在问题中的代码不是完成后，我们看不到完整标记的样子并告诉我们。

例如，如果某些样式将您的锚标记设置为块元素 ( display:block;)，这将导致它即使具有white-space属性也会换行。尝试添加display:inline到样式中，看看是否有帮助

html

<span>
    <label> this is xyz</label>
    <a href ="">some text</a>
</span>

css

span {
   white-space:nowrap;
}
span a {
  margin-left:10px;
  margin-right:10px;
  display:inline;
}

JSFiddle Demo

Answer 2

请使用以下 CSS 和 HTML：-

HTML:-

<span>xyz<a href="http:ggogle.com">LINK</a></span>

CSS：-

a:before
{
 content:" ";
}
a{text-decoration:none;}

见小提琴：-- http://jsfiddle.net/npsingh/TJhh7/2/show

Answer 3

如果要使用 CSS，请参阅white-space属性：

<span style="white-space:nowrap">
    <label>this is xyz</label>
    <a href="http://www.stackoverflow.com">Stack Overflow</a>
</span>