美文网首页
<pre>标签的使用

<pre>标签的使用

作者: 王哈哈zzz | 来源:发表于2022-07-27 08:58 被阅读0次

一、作用

可以控制文本中原有样式的展示

二、

pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

<pre> 标签的一个常见应用就是用来表示计算机的源代码。

// html
<pre v-html="content"></pre>
// script
data() {
    return {
        content: ``,
    }
}
// style
pre {
  display: block;
  font-family: monospace;
  white-space: pre;
  margin: 1em 0px;
}

相关文章

  • pre和code的区别

    pre标签与code标签本质上只是用途上的小区别 使用 标签为你的网页加入大段代码使用 标签保存一行代码pre示例...

  • 2019-08-12 vue使用v-html数据太长不换行问题

    首先,使用pre标签pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符(例如:...

  • vue使用v-html数据太长不换行问题

    首先,使用pre标签pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符(例如:...

  • HTML
    标签

    我们经常会在要保持文本格式的时候使用pre标签,比如当我们要展示源代码的时候,只要放一个pre标签,然后把源代码直...

  • html中pre和code标签

    pre标签 1.pre标签的定义: 标签用来定义预格式化的文本,被包围在pre标签中的文本通常会保留空格和换行符,...

  • pre标签

    这种标签并不常用,知道一下意思就可以了

  • pre标签换行

    pre标签的强制换行: pre { white-space: pre-wrap; word-wrap: break...

  • html学习之路(三)- 块级标签

    div标签 p标签 pre标签 figure标签 figcaption标签 ul标签 ol标签 li标签 dl标签...

  • 控制空格换行和保留空格显示的pre

    1- 标签意为 preserve,保留内部文本的换行和空格; 2-pre标签内,文字不论怎么连续使用空格是如何显示...

  • html pre标签

网友评论

      本文标题:<pre>标签的使用

      本文链接:https://www.haomeiwen.com/subject/dnwtwrtx.html