目錄
问个关于<pre>标签的问题_html/css_WEB-ITnose
我用的是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">这样
登入後複製
登入後複製
登入後複製
登入後複製
登入後複製
的后边按了下回车换行了吗？按道理说应该“这样”两个字显示在第二行。。而第一行是空白的，可是结果不是 <br /> 哪位对这个了解的朋友希望帮下忙。。。我百思不得其解。。。度娘也找了都说的不是这个问题- - </p> <br /> <h2 id="回复讨论-解决方案">回复讨论(解决方案)</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 />
登入後複製
登入後複製
登入後複製
登入後複製
登入後複製
登入後複製
登入後複製
登入後複製
想换行就得这样
<br /> <br /> 这样 <br />
登入後複製
登入後複製
登入後複製
登入後複製
上边的写法不会换行 浏览器就是这么解析的吧
<br /> 这样 <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;"><pre 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;"><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">这样
登入後複製
登入後複製
登入後複製
登入後複製
的效果是一样的。
(2) 想换行就这样:
<br /> <br /> 这样 <br />
登入後複製
(3) 预格式化标记:
登入後複製
<br /> 这样 <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;"><pre 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 /> 这样 <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;"><pre style="background-color: 000">这样
登入後複製
登入後複製
登入後複製
登入後複製
的效果是一样的。
(2) 想换行就这样:
<br /> <br /> 这样 <br /> …… <br /> 原来是这样 呵呵 </p> <p class="sougouAnswer"> 好贴 <br /> 真的 </p> <p class="sougouAnswer"> <pre class='brush:php;toolbar:false;'>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 ) ) ))
登入後複製
这里的代码高亮是用什么插件？
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
Windows 11 KB5054979中的新功能以及如何解決更新問題
3 週前
By DDD
如何修復KB5055523無法在Windows 11中安裝？
2 週前
By DDD
Inzoi：如何申請學校和大學
4 週前
By DDD
如何修復KB5055518無法在Windows 10中安裝？
2 週前
By DDD
在哪裡可以找到Atomfall中的站點辦公室鑰匙
4 週前
By DDD
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
HTML容易為初學者學習嗎？
Apr 07, 2025 am 12:11 AM
HTML適合初學者學習，因為它簡單易學且能快速看到成果。 1)HTML的學習曲線平緩，易於上手。 2)只需掌握基本標籤即可開始創建網頁。 3)靈活性高，可與CSS和JavaScript結合使用。 4)豐富的學習資源和現代工具支持學習過程。
HTML，CSS和JavaScript的角色：核心職責
Apr 08, 2025 pm 07:05 PM
HTML定義網頁結構，CSS負責樣式和佈局，JavaScript賦予動態交互。三者在網頁開發中各司其職，共同構建豐富多彩的網站。
了解HTML，CSS和JavaScript：初學者指南
Apr 12, 2025 am 12:02 AM
WebDevelovermentReliesonHtml，CSS和JavaScript：1）HTMLStructuresContent，2）CSSStyleSIT和3）JavaScriptAddSstractivity，形成thebasisofmodernWebemodernWebExexperiences。
Gitee Pages靜態網站部署失敗：單個文件404錯誤如何排查和解決？
Apr 04, 2025 pm 11:54 PM
GiteePages靜態網站部署失敗：404錯誤排查與解決在使用Gitee...
HTML中起始標籤的示例是什麼？
Apr 06, 2025 am 12:04 AM
AnexampleOfAstartingTaginHtmlis，beginSaparagraph.startingTagSareEssentialInhtmlastheyInitiateEllements，defiteTheeTheErtypes，andarecrucialforsstructuringwebpages wepages webpages andConstructingthedom。
如何用CSS3和JavaScript實現圖片點擊後周圍圖片散開並放大效果？
Apr 05, 2025 am 06:15 AM
實現圖片點擊後周圍圖片散開並放大效果許多網頁設計中，需要實現一種交互效果：點擊某張圖片，使其周圍的...
HTML，CSS和JavaScript：Web開發人員的基本工具
Apr 09, 2025 am 12:12 AM
HTML、CSS和JavaScript是Web開發的三大支柱。 1.HTML定義網頁結構，使用標籤如、等。 2.CSS控製網頁樣式，使用選擇器和屬性如color、font-size等。 3.JavaScript實現動態效果和交互，通過事件監聽和DOM操作。
網頁批註如何實現Y軸位置的自適應佈局？
Apr 04, 2025 pm 11:30 PM
網頁批註功能的Y軸位置自適應算法本文將探討如何實現類似Word文檔的批註功能，特別是如何處理批註之間的間�...
