问个关于<pre>标签的问题_html/css_WEB-ITnose-html tutorial-php.cn

Jadual Kandungan

回复讨论(解决方案)

Rumah

hujung hadapan web

html tutorial

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 pm 12:21 PM

我用的是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">这样

Salin selepas log masuk

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

的后边按了下回车换行了吗？按道理说应该“这样”两个字显示在第二行。。而第一行是空白的，可是结果不是  <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 />

Salin selepas log masuk

想换行就得这样

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

Salin selepas log masuk

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

  <br /> 这样  <br />

Salin selepas log masuk

和

<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">这样

Salin selepas log masuk

的效果是一样的。

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

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

xml标准写法

  <br /> 这样  <br />

Salin selepas log masuk

想换行就得这样

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

Salin selepas log masuk

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

+1

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

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

Salin selepas log masuk

  <br /> 这样  <br />

Salin selepas log masuk

的效果是一样的。

(2) 想换行就这样:

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

Salin selepas log masuk

(3) 预格式化标记:

Salin selepas log masuk

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

  <br /> 这样  <br />

Salin selepas log masuk

的效果是一样的。

(2) 想换行就这样:

  
  
          这样  
       ……  
  
 ++ 
   xml标准写法  
 
  <br /> 这样  <br /> 
Salin selepas log masuk
Salin selepas log masuk
Salin selepas log masuk
Salin selepas log masuk
Salin selepas log masuk
Salin selepas log masuk
Salin selepas log masuk
  
 想换行就得这样  
   <br />  <br /> 这样  <br /> 
Salin selepas log masuk
Salin selepas log masuk
Salin selepas log masuk
Salin selepas log masuk
  
 上边的写法不会换行 浏览器就是这么解析的吧  
  
  
 ??同意！ 
   xml标准写法  
 
  <br /> 这样  <br /> 
Salin selepas log masuk
Salin selepas log masuk
Salin selepas log masuk
Salin selepas log masuk
Salin selepas log masuk
Salin selepas log masuk
Salin selepas log masuk
  
 想换行就得这样  
   
 
  <br /> 这样  <br /> 
Salin selepas log masuk
  
 
   xml标准写法  
 
  <br /> 这样  <br /> 
Salin selepas log masuk
Salin selepas log masuk
Salin selepas log masuk
Salin selepas log masuk
Salin selepas log masuk
Salin selepas log masuk
Salin selepas log masuk
  
 想换行就得这样  
   <br />  <br /> 这样  <br /> 
Salin selepas log masuk
Salin selepas log masuk
Salin selepas log masuk
Salin selepas log masuk
  
 上边的写法不会换行 浏览器就是这么解析的吧  
  
 是这意思 
   html的换行不是指的是你回车一下就可以了。  
 
  <br /> 这样
Salin selepas log masuk
  
 仅仅指的是要显示“这样”两个字。  
 如果要换行的话，就必须再加上一个回车  
   
  <br /> 这样
Salin selepas log masuk
  <br /> 这样就可以换行了。 
   
  <br /> 这样  <br /> 
Salin selepas log masuk
Salin selepas log masuk
Salin selepas log masuk
Salin selepas log masuk
Salin selepas log masuk
Salin selepas log masuk
Salin selepas log masuk
  
  
 和  
  
 <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">这样

Salin selepas log masuk

的效果是一样的。

(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                        )                )        ))

Salin selepas log masuk

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

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Tunjukkan Lagi

Artikel Panas

Assassin's Creed Shadows: Penyelesaian Riddle Seashell

4 minggu yang lalu By DDD

Apa yang Baru di Windows 11 KB5054979 & Cara Memperbaiki Masalah Kemas Kini

3 minggu yang lalu By DDD

Di mana untuk mencari kad kunci kawalan kren di atomfall

4 minggu yang lalu By DDD

<🎜>: Rails Dead - Cara Melengkapkan Setiap Cabaran

1 bulan yang lalu By DDD

Panduan Atomfall: Lokasi Item, Panduan Pencarian, dan Petua

1 bulan yang lalu By DDD

Tunjukkan Lagi

Alat panas

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Tunjukkan Lagi

Topik panas

Di manakah pintu masuk log masuk untuk e-mel gmail?

7698

Tutorial Java

1640

Tutorial CakePHP

1393

Tutorial Laravel

1287

Tutorial PHP

1229

Tunjukkan Lagi

Related knowledge

Adakah HTML mudah belajar untuk pemula? Apr 07, 2025 am 12:11 AM

HTML sesuai untuk pemula kerana mudah dan mudah dipelajari dan dapat melihat hasilnya dengan cepat. 1) Keluk pembelajaran HTML adalah lancar dan mudah dimulakan. 2) Hanya menguasai tag asas untuk mula membuat laman web. 3) Fleksibiliti yang tinggi dan boleh digunakan dalam kombinasi dengan CSS dan JavaScript. 4) Sumber pembelajaran yang kaya dan alat moden menyokong proses pembelajaran.

Peranan HTML, CSS, dan JavaScript: Tanggungjawab Teras Apr 08, 2025 pm 07:05 PM

HTML mentakrifkan struktur web, CSS bertanggungjawab untuk gaya dan susun atur, dan JavaScript memberikan interaksi dinamik. Ketiga melaksanakan tugas mereka dalam pembangunan web dan bersama -sama membina laman web yang berwarna -warni.

Apakah contoh tag permulaan dalam html? Apr 06, 2025 am 12:04 AM

Anexampleofastartartingtaginhtmlis, yangbeginsaparagraph.startingtagsareessentialinhtmlasttheyinitiateelements, definetheirtypes, andarecrucialforstructuringwebpagesandconstructionthedom.

Memahami HTML, CSS, dan JavaScript: Panduan Pemula Apr 12, 2025 am 12:02 AM

WebDevelopmentReliesOnhtml, CSS, andjavascript: 1) HtmlStructuresContent, 2) CSSStylesit, dan3) JavaScriptaddsInteractivity, Formingthebasisofmodernwebexperiences.

GITEE PAGES PENYEDIAAN LAMAN WEB STATIC Gagal: Bagaimana menyelesaikan masalah dan menyelesaikan kesilapan fail tunggal 404? Apr 04, 2025 pm 11:54 PM

Giteepages Statik Laman Web Penggunaan Gagal: 404 Penyelesaian Masalah dan Resolusi Ralat Semasa Menggunakan Gitee ...

Bagaimana untuk melaksanakan susun atur penyesuaian kedudukan paksi y dalam anotasi web? Apr 04, 2025 pm 11:30 PM

Algoritma Adaptif Kedudukan Y-Axis untuk Fungsi Anotasi Web Artikel ini akan meneroka cara melaksanakan fungsi anotasi yang serupa dengan dokumen perkataan, terutama bagaimana menangani selang antara anotasi ...

HTML, CSS, dan JavaScript: Alat penting untuk pemaju web Apr 09, 2025 am 12:12 AM

HTML, CSS dan JavaScript adalah tiga tiang pembangunan web. 1. HTML mentakrifkan struktur laman web dan menggunakan tag seperti, dan sebagainya. 2. CSS mengawal gaya laman web, menggunakan pemilih dan atribut seperti warna, saiz font, dan lain-lain.

Bagaimana menggunakan CSS3 dan JavaScript untuk mencapai kesan penyebaran dan membesarkan gambar -gambar sekitarnya selepas mengklik? Apr 05, 2025 am 06:15 AM

Untuk mencapai kesan penyebaran dan membesarkan imej sekitarnya selepas mengklik pada imej, banyak reka bentuk web perlu mencapai kesan interaktif: klik pada imej tertentu untuk membuat sekitar ...

See all articles