在跨距结束时渲染空格而不更改换行符

时间:2018-03-07 01:04:50

标签: html css

我需要在一个段落中设置字符序列的样式,例如



<span style="color:red">hello </span><span style="color:blue">world</span>
&#13;
&#13;
&#13;

文本段落跨越多行。问题是,跨度末尾的空间不会被浏览器呈现,并且强制它们显示的解决方案会改变行的中断方式。这意味着当文本在不同位置以不同方式着色时,单词会从一行跳到另一行,这在此应用程序中是不可接受的。

我试图显示两个更改换行符的终止空格的方法是:

  1. "\u00a0"
  2. 替换终止空格

    虽然这会渲染空格,但这意味着它会改变行跨行的方式。

    1. 使用white-space: pre样式
    2. 的单个空格跨度替换终止空格

      这也会渲染空格,但会对换行造成类似的干扰。

      还有什么我可以尝试不会改变换行符吗?

0 个答案:

没有答案