Thẻ <pre> HTML

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

<pre> Thẻ định nghĩa text định dạng trước.

<pre> Text trong phần tử được hiển thị bằng font chữ rộng bằng nhau, text giữ lại khoảng trống và ký tự xuống dòng. Text sẽ hiển thị hoàn toàn theo cách mà HTML nguồn đã viết.

Xin xem thêm:

Thẻ Mô tả
<code> Định nghĩa đầu ra mẫu của chương trình máy tính.
<samp> Định nghĩa đầu vào phím.
<kbd> Định nghĩa đầu vào phím.
<var> Định nghĩa biến.

Xin xem thêm:

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

Hướng dẫn tham khảo HTML DOM:Đối tượng Pre

Mô hình

Ví dụ 1

text định dạng trước:

<pre>
text trong phần tử pre
hiển thị bằng font chữ rộng bằng nhau
và đồng thời giữ lại
Khoảng trống          và
Dấu换行
</pre>

Thử ngay

Ví dụ 2

Cách tạo văn bản định dạng trước có độ rộng cố định (sử dụng CSS):

<div style="width:200px;overflow:auto">
<pre>Đây là pre có độ rộng cố định. Nó sẽ sử dụng không gian được chỉ định.</pre>
</div>

Thử ngay

Thuộc tính toàn cục

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

Thuộc tính sự kiện

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

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

Đa số trình duyệt sẽ hiển thị các giá trị mặc định sau <pre> Thành phần:

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

Thử ngay

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ