Thẻ <pre> HTML


Thí dụ

Văn bản được định dạng sẵn:

<pre>
Text in a pre element
is displayed in a fixed-width
font, and it preserves
both      spaces and
line breaks
</pre>

Thêm các ví dụ "Hãy tự mình thử" bên dưới.


Định nghĩa và Cách sử dụng

Thẻ <pre>xác định văn bản được định dạng trước.

Văn bản trong một <pre>phần tử được hiển thị bằng phông chữ có chiều rộng cố định và văn bản giữ nguyên cả dấu cách và ngắt dòng. Văn bản sẽ được hiển thị chính xác như được viết trong mã nguồn HTML.

Cũng nhìn vào:

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

Hỗ trợ trình duyệt

Element
<pre> Yes Yes Yes Yes Yes


Thuộc tính toàn cầu

Thẻ <pre>cũng hỗ trợ Thuộc tính chung trong HTML .


Thuộc tính sự kiện

Thẻ <pre>cũng hỗ trợ Thuộc tính sự kiện trong HTML .


Các ví dụ khác

Thí dụ

Cách tạo văn bản được định dạng trước với chiều rộng cố định (với 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>

Các trang liên quan

Hướng dẫn HTML: Định dạng Văn bản HTML

Tham chiếu DOM HTML: Đối tượng trước


Cài đặt CSS mặc định

Hầu hết các trình duyệt sẽ hiển thị <pre>phần tử với các giá trị mặc định sau:

Thí dụ

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