问个关于<pre>标签的问题_html/css_WEB-ITnose

WBOY

Libérer： 2016-06-24 12:21:29

original

1195 Les gens l'ont consulté

我用的是dreamweaver（在记事本上试了下也一样）
情况是这样的：不是说pre标签是按原格式输出吗？
但是假如我这样

<div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre style="background-color: 000">这样

Copier après la connexion

<br /> 这样子的话在浏览器中显示的是“这样”两个字显示在第一行中，我就想我们不是在

的后边按了下回车换行了吗？按道理说应该“这样”两个字显示在第二行。。而第一行是空白的，可是结果不是  <br /> 哪位对这个了解的朋友希望帮下忙。。。我百思不得其解。。。度娘也找了都说的不是这个问题- - </p> <br /> <h2>回复讨论(解决方案)</h2> <p class="sougouAnswer">  xml标准写法  <br /> <div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre style="background-color: 000">  <br /> 这样  <br />

Copier après la connexion

想换行就得这样

  <br />  <br /> 这样  <br />

Copier après la connexion

上边的写法不会换行浏览器就是这么解析的吧

  <br /> 这样  <br />

Copier après la connexion

和

<div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre style="background-color: 000">这样

Copier après la connexion

的效果是一样的。

想要原样显示空格，必须在内容中加入空格才可以。第一种写法编译的时候不认为是空格。

那浏览器到底是如何解析pre的呢？为什么连位置不同还会出现好几种情况- - 快晕了

xml标准写法

  <br /> 这样  <br />

Copier après la connexion

想换行就得这样

  <br />  <br /> 这样  <br />

Copier après la connexion

上边的写法不会换行浏览器就是这么解析的吧

+1

这是预格式标签，一般都是

  <br />  <br /> 把你想要的格式效果在这里敲出来。  <br />  <br />

Copier après la connexion

  <br /> 这样  <br />

Copier après la connexion

的效果是一样的。

(2) 想换行就这样:

  <br />  <br />          这样  <br />

Copier après la connexion

(3) 预格式化标记:

Copier après la connexion

预格式化是指保留文字在源代码中的格式.

  <br /> 这样  <br />

Copier après la connexion

的效果是一样的。

(2) 想换行就这样:

  
  
          这样  
       ……  
  
 ++ 
   xml标准写法  
 
  <br /> 这样  <br /> 
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
  
 想换行就得这样  
   <br />  <br /> 这样  <br /> 
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
  
 上边的写法不会换行 浏览器就是这么解析的吧  
  
  
 ??同意！ 
   xml标准写法  
 
  <br /> 这样  <br /> 
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
  
 想换行就得这样  
   
 
  <br /> 这样  <br /> 
Copier après la connexion
  
 
   xml标准写法  
 
  <br /> 这样  <br /> 
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
  
 想换行就得这样  
   <br />  <br /> 这样  <br /> 
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
  
 上边的写法不会换行 浏览器就是这么解析的吧  
  
 是这意思 
   html的换行不是指的是你回车一下就可以了。  
 
  <br /> 这样
Copier après la connexion
  
 仅仅指的是要显示“这样”两个字。  
 如果要换行的话，就必须再加上一个回车  
   
  <br /> 这样
Copier après la connexion
  <br /> 这样就可以换行了。 
   
  <br /> 这样  <br /> 
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
  
  
 和  
  
 <div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre style="background-color: 000">这样

Copier après la connexion

的效果是一样的。

(2) 想换行就这样:

  <br />  <br />          这样  <br />       ……  <br /> 原来是这样  呵呵 </p> <p class="sougouAnswer">  好贴  <br /> 真的 </p> <p class="sougouAnswer">  <pre class="sycode" name="code">Array(    [0] => Array        (            [aid] => 8            [keyword] => 夜宴            [topid] => 0            [children] => Array                (                    [0] => Array                        (                            [aid] => 5                            [keyword] => ccc                            [topid] => 8                        )                    [1] => Array                        (                            [aid] => 7                            [keyword] => eeefffffffffffffffffffffffffffffffffffffffffffffffffff                            [topid] => 8                        )                )        )    [1] => Array        (            [aid] => 17            [keyword] => 子弹            [topid] => 0            [children] => Array                (                    [0] => Array                        (                            [aid] => 15                            [keyword] => 消失的子弹                            [topid] => 17                        )                )        )    [2] => Array        (            [aid] => 14            [keyword] => 网络            [topid] => 0            [children] => Array                (                    [0] => Array                        (                            [aid] => 16                            [keyword] => Memcache                            [topid] => 14                        )                )        ))

Copier après la connexion

这里的代码高亮是用什么插件？

Étiquettes associées：

问个关于<pre>标签的问题

source：php.cn

Article précédent：怎么让<input type="submit">里面的value 垂直水平居中呢。_html/css_WEB-ITnose Article suivant：帮忙写个JQ：文本框获得焦点时改变背景颜色_html/css_WEB-ITnose

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Derniers articles par auteur