Văn bản có định dạng hiển thị Html

Question

Tôi phải hiển thị một loạt văn bản trên trang html. Các văn bản trông giống như sau:

+-001 This is a Line   00:12:04 
    002 ---------------------------------- 
- 003 Everthing looks good so far ------ 

Các văn bản là “tiền định dạng” và chứa rất nhiều không gian whit và dấu gạch ngang và mỗi dòng có cùng độ dài (tất cả các ký tự có chiều rộng tương tự).

Có cách nào để hiển thị văn bản trong html mà không làm mất định dạng không?

Answer 1

Quấn văn bản của bạn bên trong thẻ <pre>.

JSFiddle

<pre> 
+-001 This is a Line   00:12:04 
    002 ---------------------------------- 
- 003 Everthing looks good so far ------ 
</pre> 

Answer 2

Hãy thử gói nội dung thẻ PRE. http://www.w3schools.com/tags/tag_pre.asp

Answer 3

Cách HTML là sử dụng pre element, mà đã được thiết kế để sử dụng như vậy, nhưng hãy cẩn thận rằng

• Để được ở bên an toàn trong định dạng, đặt <pre> thẻ đúng vào lúc bắt đầu của dòng đầu tiên và thẻ </pre> ngay ở cuối dòng cuối cùng. Nếu không, một số trình duyệt có thể hoạt động như thể có một dòng trống ở đầu hoặc ở cuối phần tử.
• Bạn vẫn cần phải thoát khỏi sự xuất hiện của các nhân vật < và & trong nội dung (có một số trường hợp này là không cần thiết, nhưng nó là đơn giản nhất để bỏ qua điều đó.

Ví dụ (nơi tôi đã thêm một dòng có chứa biểu thức 1 + 1 < 3):

<pre>+-001 This is a Line   00:12:04 
    002 ---------------------------------- 
- 003 Everthing looks good so far ------ 
- 004 Simple as 1 + 1 &lt; 3   ------</pre> 

Bạn có thể tránh thoát < và & bằng cách sử dụng xmp thay vì pre, nhưng xmp đã được de không được chấp nhận, lỗi thời, và bất cứ điều gì (nhưng nó hoạt động độc đáo trong thực tế).

<xmp>+-001 This is a Line   00:12:04 
    002 ---------------------------------- 
- 003 Everthing looks good so far ------ 
- 004 Simple as 1 + 1 < 3   ------</xmp>