在网页创作中,一般是通过各种标记对文字进行排版的。但是在实际应用中,往往需要一些特殊的排版效果,这样使用标记控制起来会比较麻烦。解决的方法就是保留文本格式的排版效果,如空格、制表符等。
如果要保留原始的文本排版效果,则需要使用 <pre> 标签。
【实例】使用<pre>标签保留原始排版方式。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="author" content="pan_junbiao的博客">
<title>原格式标签</title>
</head>
<body>
<h1>原格式标签——pre</h1>
<!-- 使用原始排版标签,输出文字 -->
<pre>
您好,欢迎访问 pan_junbiao的博客
https://blog.csdn.net/pan_junbiao
您好,欢迎访问 pan_junbiao的博客
https://blog.csdn.net/pan_junbiao
您好,欢迎访问 pan_junbiao的博客
</pre>
</body>
</html>
执行结果: