当前位置： 移动技术网 > IT编程>网页制作>HTML > pre在html和css中的实现

pre在html和css中的实现

2020年07月15日  | 移动技术网IT编程  | 我要评论

简单看一下效果,前面是<p>标签,后面是<pre>标签.在这里插入图片描述
html代码如下:

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

    </pre>

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

css中的<pre>

css中表示pre要用到white-space

  1. 文本不换行
white-space: nowrap;
/*表示文本不换行*/
  1. pre标签同款
white-space:pre;
  1. 合并空格,保留换行
white-space: pre-line;

本文地址：https://blog.csdn.net/weixin_41740463/article/details/107335263

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网