如何在html使用的默认字体中显示pre标签中的文本?

The*_*iot 1 html javascript css angularjs

我正在开发一个AngularJS应用程序.在那里,当我从数据库中获取数据以将其显示给用户时,额外的空间被修剪为数据中的一个空间,该数据在两个单词之间具有多于一个空格.

我尝试过<pre>HTML的标签,除了一件事,它工作得很好.它改变了文本的风格.我在<pre>标签中应用了不同的CSS 但是我没有得到方便的结果.

那么我怎样才能让它看起来像普通的HTML一样呢?

我附上一个样本:

<pre style="font-family: arial; font-size: 14px">{{name}}</pre>

它正在工作,但它对样式没有帮助.

小智 6

尝试

<p style='white-space: pre;'>
Run Code Online (Sandbox Code Playgroud)

而不是pre标签