pre 预格式化文本标签

2022/1/24 6:04:55

本文主要是介绍pre 预格式化文本标签,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

预格式化指的是保留文本在源代码中的格式,页面中显示的和源代码中的效果完全一致。例如,原封不动地保留文本中的空白、空格、制表符等。

除非使用<pre/>标签包裹的文本,否则,浏览器不显示和源代码的格式。

<p>
    你好:
        我是来自xxx的xxx,很荣幸见到你。以下是我的信息:
            1. 喜欢骑自行车;
            2. 喜欢踢足球;
            3. 喜欢编程。
        我本人积极向上,乐于主动学习。
</p>
<p>
    <pre>
        你好:
            我是来自xxx的xxx,很荣幸见到你。以下是我的信息:
                1. 喜欢骑自行车;
                2. 喜欢踢足球;
                3. 喜欢编程。
            我本人积极向上,乐于主动学习。
    </pre>
</p>

上面插入了两段完全相同的文本,第二个文本使用了<pre/>标签包裹,因此,最终效果和源代码格式是保持一致的:



这篇关于pre 预格式化文本标签的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程