HTML แบบ <pre>

กำหนดและการใช้งาน

<pre> แท็กกำหนดข้อความที่เปิดแฟรมแบบ

<pre> ข้อความในองค์ประกอบตัวอักษรกำหนดขนาดเดียวกันแสดงด้วยตัวอักษรกำหนดขนาดเดียวกัน ข้อความรักษาช่องว่างและรวมเชื่อม

ดูเพิ่มเติมที่

แท็ก บรรยาย
<code> กำหนดออกท้ายของโปรแกรมคอมพิวเตอร์
<samp> กำหนดการเข้าถึงแบบแปลงตัวอักษร
<kbd> กำหนดการเข้าถึงแบบแปลงตัวอักษร
<var> กำหนดตัวแปร

ดูเพิ่มเติมที่

อบรม HTMLการจัดระเบียบข้อความ HTML

คู่มืออ้างอิง HTML DOMเป้าหมาย Pre

ตัวอย่าง

ตัวอย่าง 1

ข้อความที่เปิดแฟรมแบบ

<pre>
ข้อความในองค์ประกอบ pre
แสดงด้วยตัวอักษรกำหนดขนาดเดียวกัน
และรักษาพร้อมๆ
ช่องว่าง          และ
สัญญาณวางชั้น
</pre>

ทดลองด้วยตัวเอง

ตัวอย่าง 2

วิธีที่จะสร้างข้อความที่มีความกว้างเฉลี่ยโดยใช้ CSS:

<div style="width:200px;overflow:auto">
<pre>นี่คือ pre ที่มีความกว้างเฉลี่ย</pre>
</div>

ทดลองด้วยตัวเอง

ตัวแปรโลก

<pre> แบบภาพยังสนับสนุน ตัวแปรโลกใน HTML。

ตัวแปรเหตุการณ์

<pre> แบบภาพยังสนับสนุน ตัวแปรเหตุการณ์ใน HTML。

การตั้งค่า CSS โดยเริ่มต้น

โดยมากที่สุด บราวเซอร์จะแสดงค่าเริ่มต้นตามต่อไปนี้ <pre> องค์ประกอบ：

pre {
  display: block;
  font-family: monospace;
  white-space: pre;
  margin: 1em 0;
}

ทดลองด้วยตัวเอง

การสนับสนุนโดยเบราเซอร์

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน