保留html中的空格

时间:2011-08-10 09:34:32

标签: html xaml

在xaml中,我可以通过在标记上使用xml:space属性来使空白相关(不会被忽略)。参考:http://msdn.microsoft.com/en-us/library/ms788720.aspx

有没有办法让html中的空白相关?

更新

最后一起去了:

<p style="white-space: pre">
Hi   This
    is
 an    example
</p>

虽然Aziz shaikh解决方案也可以正常工作。

5 个答案:

答案 0 :(得分:5)

不知道我是否正确理解您的问题,但如果您想在html中保留空格,是您要查找的标记

  <html>
    ....

    <pre>
      hi   this
         is
      an    example
    </pre>
    </html>

它会为您提供:

 
 Hi   This
    is
 an    example
 

答案 1 :(得分:3)

您可以在css中指定white space属性

答案 2 :(得分:2)

这与“相关性”无关,而是如何告诉浏览器呈现文本。 pre标记会渲染空格而不会折叠它们。

CSS white-space property可以在任何元素上控制此渲染属性。

p.foobar { white-space: pre }

<p class="foobar">abc   def</p>

答案 3 :(得分:1)

通常的方法是使用不间断的空格,如&nbsp;中的水平空格,<br>表示换行符。

答案 4 :(得分:1)

您可以将<pre>与css样式一起使用。请检查此fiddle as demo

<pre style="font:inherit">
    This       is       a
              pre
    test
</pre>