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

php中文网
发布: 2016-06-24 12:21:29
原创
1496人浏览过

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

<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false;" style="background-color: 000">这样
登录后复制
登录后复制

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

想换行就得这样
  <br />  <br /> 这样  <br /> 
登录后复制

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

  <br /> 这样  <br /> 
登录后复制




<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false;" style="background-color: 000">这样
登录后复制


的效果是一样的。

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

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

xml标准写法

  <br /> 这样  <br /> 
登录后复制

想换行就得这样
  <br />  <br /> 这样  <br /> 
登录后复制

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


+1

这是预格式标签,一般都是
  <br />  <br /> 把你想要的格式效果在这里敲出来。  <br />  <br /> 
登录后复制

  <br /> 这样  <br /> 
登录后复制




<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false;" style="background-color: 000">这样
登录后复制


的效果是一样的。

(2)     想换行就这样:
         
  <br />  <br />          这样  <br />          
登录后复制


(3) 预格式化标记:
登录后复制
 预格式化是指保留文字在源代码中的格式.


  <br /> 这样  <br /> 
登录后复制




<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false;" style="background-color: 000">这样
登录后复制


的效果是一样的。

(2)     想换行就这样:
         

  

         这样
      ……

++

xml标准写法

  <br /> 这样  <br /> 
登录后复制

想换行就得这样
  <br />  <br /> 这样  <br /> 
登录后复制

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


??同意!

xml标准写法

  <br /> 这样  <br /> 
登录后复制

想换行就得这样
  

<br /> 这样 <br />
登录后复制

xml标准写法

  <br /> 这样  <br /> 
登录后复制

想换行就得这样
  <br />  <br /> 这样  <br /> 
登录后复制

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

是这意思

html的换行不是指的是你回车一下就可以了。

  <br /> 这样
登录后复制

仅仅指的是要显示“这样”两个字。
如果要换行的话,就必须再加上一个回车
  
<br /> 这样
登录后复制

这样就可以换行了。

  <br /> 这样  <br /> 
登录后复制




<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false;" style="background-color: 000">这样
登录后复制


的效果是一样的。

(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                        )                )        ))
登录后复制

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

大家都在看:

如何在Pinegrow中优化HTML拖拽编辑的解决办法 HTML怎么引入内部CSS_HTML引入内部CSS的正确方式 如何设置html连接_HTML超链接(a标签)设置与样式方法 使用CSS max-height 实现可变高度内容的平滑展开动画 深入理解Bootstrap列垂直对齐:解决align-items不生效的问题
HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
收藏 点赞
上一篇:怎么让<input type="submit">里面的value 垂直水平居中呢。_html/css_WEB-ITnose 下一篇:帮忙写个JQ:文本框获得焦点时改变背景颜色_html/css_WEB-ITnose
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号