pre在html和css中的实现

简单看一下效果,前面是<p>标签,后面是<pre>标签.
html代码如下:

<p>
        今天下雨
        随时记得带伞
        你不用没关系
        主要是下课的时候              看看哪个同学没有  你就...
    </p>
    <!-- 预格式化标签  保留你的所有格式  你写的是什么 显示出来就是什么 -->
    <pre>
        你就去送伞
        然后你看到后面来了一个             又高又壮的男孩子 对着你一笑
        你就怂了

    </pre>

这<pre>标签是可定义预格式化的文本,通常用于展示计算机代码.与<code>标签连用更严谨.

css中的<pre>

css中表示pre要用到white-space

1. 文本不换行

white-space: nowrap;
/*表示文本不换行*/

2. pre标签同款

white-space:pre;

3. 合并空格,保留换行

white-space: pre-line;