CSS样式里pre是什么?HTML中pre自动换行code标签作用

我们用WordPress建站需要学习一些CSS 和 HTML的基础知识:

HTML <pre> 标签示例

以下是 pre 标签的CSS样式(能让html代码自动换行)▼

pre {
border: 1px solid #d1d1d1;
line-height: 190%;
margin: 0 0 1.75em;
max-width: 100%;
overflow: auto;
padding: 15px;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}

以下是 code 标签的CSS样式 ▼

code {
background: #f1f1f1;
color: #555;
margin: 0 2px;
padding: 2px 4px;
border-radius: 2px;
}

使用方法:

HTML pre标签作用和使用说明

<pre>标记通常与<code>标记结合使用,以获得更精确的语义,用于标记需要在页面中呈现的源代码。

如果要将指定的文本格式放在HTML中,则需要利用leading元素的属性。

提示和说明

提示:<pre>标记的常见用法是表示计算机的源代码。

HTML 4.01和HTML5之间的差异

在HTML 4.01中,“width”属性已弃用,无法使用。 HTML5不支持“width”属性。

属性

属性值描述

全局属性

事件属性

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注