HTML <pre>แท็ก
ตัวอย่าง
ข้อความที่จัดรูปแบบไว้ล่วงหน้า:
<pre>
Text in a pre element
is displayed in a fixed-width
font, and it preserves
both
spaces and
line breaks
</pre>
ตัวอย่าง "ลองใช้เอง" เพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
แท็ ก<pre>
กำหนดข้อความที่จัดรูปแบบไว้ล่วงหน้า
ข้อความใน<pre>
องค์ประกอบจะแสดงเป็นแบบอักษรที่มีความกว้างคงที่ และข้อความจะรักษาทั้งช่องว่างและตัวแบ่งบรรทัด ข้อความจะแสดงตรงตามที่เขียนไว้ในซอร์สโค้ด HTML
ดูที่:
Tag | Description |
---|---|
<code> | Defines a piece of computer code |
<samp> | Defines sample output from a computer program |
<kbd> | Defines keyboard input |
<var> | Defines a variable |
รองรับเบราว์เซอร์
Element | |||||
---|---|---|---|---|---|
<pre> | Yes | Yes | Yes | Yes | Yes |
คุณสมบัติสากล
แท็ ก<pre>
ยังสนับสนุน Global Attributes ในHTML
คุณสมบัติของเหตุการณ์
แท็ ก<pre>
ยังสนับสนุนแอตทริบิวต์เหตุการณ์ใน HTML
ตัวอย่างเพิ่มเติม
ตัวอย่าง
วิธีสร้างข้อความที่จัดรูปแบบล่วงหน้าด้วยความกว้างคงที่ (ด้วย CSS):
<div style="width:200px;overflow:auto">
<pre>This is a pre with a fixed
width. It will use as much space as specified.</pre>
</div>
หน้าที่เกี่ยวข้อง
บทช่วยสอน HTML: การจัดรูปแบบข้อความ HTML
การอ้างอิง HTML DOM: Pre Object
การตั้งค่า CSS เริ่มต้น
เบราว์เซอร์ส่วนใหญ่จะแสดง<pre>
องค์ประกอบด้วยค่าเริ่มต้นดังต่อไปนี้:
ตัวอย่าง
pre {
display: block;
font-family: monospace;
white-space: pre;
margin: 1em 0;
}