`

pre标签 编译换行

    博客分类:
  • css
阅读更多

pre标签 编译换行

 

 

<html>

<body>

<pre>
这是
预格式文本。
它保留了      空格
和换行。
</pre>

<p>pre 标签很适合显示计算机代码:</p>

<pre>
for i = 1 to 10
     print i
next i
</pre>

</body>
</html>

 

 

编译结果:筱夜宫主

 

 

这是
预格式文本。
它保留了      空格
和换行。
pre 标签很适合显示计算机代码:

for i = 1 to 10
     print i
next i

 

 另外一点就是:空格和段换行都有了,比如一段话,想让他自动换行,还需要加上以下css.

<style type="text/css">
pre {
white-space: pre-wrap;
word-wrap: break-word;
}
</style>

 

 筱夜宫主就把Pre标签基本功能介绍到这,想看更多,进入http://www.w3school.com.cn/tags/tag_pre.asp

 

 

 

 

 

 

 

 

分享到:
评论

相关推荐

    HTML语法教程.txt

    - ` `:换行标签,用于强制文本换行而不形成一个新的段落。 - `&lt;p&gt;`:段落标签,用于定义文档中的一个独立段落。 - `&lt;hr&gt;`:水平线标签,用于在页面中插入一条水平分割线。 **示例代码**: ```html 这是第一段。...

    中南大学SSD1_真题

    当使用&lt;PRE&gt;标签时,文本中的空格和换行将被保留,这对于代码展示、诗歌或其他需要保持特定格式的文本非常有用。 ### 4. 内部链接(Internal Link) 在给出的HTML超链接选项中,正确的内部页面链接是`...

    HTML+CSS+Div测试习题.docx

    在HTML中,`&lt;pre&gt;`标记用于预排版,它会保留其中的空格和换行,呈现原始的文本格式。而CSS中的`background-image`属性用于设置元素的背景图片,需配合`url()`函数来指定图片路径。文本修饰属性`text-decoration`有...

    ACCP5.0模拟题电子版

    - `&lt;PRE&gt;`标签:用于以预定义的格式显示文本,保持源文件中的换行和空格,正确答案是c) `&lt;PRE&gt;`。 11. **WinForms控件操作**: - 禁用Button控件:在C#中,设置`btnOpen.Enabled = false;`可以使按钮禁用,正确...

    JAVAWEB期末复习题库 (1).pdf

    在这个标签内的文本会保留原有的格式,包括空格和换行等。这使得 `&lt;pre&gt;` 标签特别适合于显示编程代码或者保持原有文本格式不变的情况。 #### 7. HTML 标签 - 无序列表 - **题目描述**: 以下哪个标签用来建立无序...

    Python库 | minify_html-0.4.9-cp37-none-win_amd64.whl

    5. **智能处理**:`minify_html`可能具有智能算法,能够识别并保留HTML标签之间的必要空格,如在`&lt;pre&gt;`标签或CSS属性值之间。 6. **API友好**:该库可能提供易于使用的API,允许开发者在程序中轻松集成HTML压缩功能...

    (0834)《网页设计》网上作业题及答案.doc

    `&lt;pre&gt;`标记用于预排版文本,保留空格和换行。 2. **CSS(Cascading Style Sheets)**:CSS是样式表语言,用于控制网页的布局和外观。它可以控制网页背景图片、设置边距(如`margin`属性,可以使用百分比)、内填充...

    ​ Odoo owl学习笔记之七--模板(前端核心内容) 内容 概述 指令 QWeb 模板参考 白色空间 表达评估 静态 h

    模板中的空格会被特殊处理,连续空格压缩为一个,仅含空格且有换行的文本节点会被忽略,除非在`&lt;pre&gt;`标签中。 **表达式评估规则** 1. 表达式应为返回值的简单表达式,不能是声明。 2. 可以在渲染上下文中访问任何...

    HTML教程(入门级别)

    - **换行 ` `**: - 插入换行符。 - **标题 `&lt;h1&gt;` 至 `&lt;h6&gt;`**: - `&lt;h1 align="center"&gt;`: 创建一级标题并居中对齐。 - `&lt;h2&gt;`至`&lt;h6&gt;`: 不同级别的标题。 - **水平线 `&lt;hr&gt;`**: - `...

    WEB数据库复习题.doc.deflate.doc

    4. **HTML预格式化标记**:HTML中的`&lt;pre&gt;`标签用于保留文本中的空格和换行。如果没有使用预格式化标记,回车换行符在浏览器中不会显示,而`&lt;p&gt;`、` `和`&lt;hr&gt;`分别代表段落、换行和水平线,它们在浏览器中都有...

    最全前端面试题-2(css篇-上百篇题集整理1个月)

    【CSS英文、中文换行】:英文单词换行使用`word-wrap: break-word`,中文强制换行用`white-space: pre-wrap`。 【CSS选择器级别】:根据选择器类型计算权重,权重高的优先应用。 【BFC(块格式化上下文)】:BFC是...

    《web站点的设计与管理》0709复习题

    在HTML中,`&lt;pre&gt;`标签用于预排版文本,它可以保留文本中的空格和换行,适用于显示代码或保持原有文本格式。 ### 11. HTML的性质 HTML是一种描述性的标记语言,用于描述网页的结构和内容,而非控制其行为或外观。 ...

    css教程手册

    - 不需要编译,可直接由浏览器执行。 - 在网页设计中,CSS负责定义网页内容的表现。 - **文件类型**:CSS文件为文本文件,文件名后缀为.css。 **第二节:使用CSS的优势** - **内容与表现分离**:CSS使得网页的...

Global site tag (gtag.js) - Google Analytics