Shulou(Shulou.com)06/01 Report--

This article is about how to make pre tags wrap automatically. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

The pre element defines preformatted text. Text enclosed in pre elements usually leaves spaces and newline characters. The text will also be rendered as an equal-width font.

A common use of tags is to represent the source code of a computer. The pre tag output code or code highlighting is often used for technical blogs, but by default, the content in the pre tag will not automatically wrap if it is out of range.

Here is a way to automatically wrap the content in the tag and comply with the W3C standard (multi-browser support)

Pre {

White-space:pre-wrap; / * css3.0 * /

White-space:-moz-pre-wrap; / * Firefox * /

White-space:-pre-wrap; / * Opera 4-6 * /

White-space:-o-pre-wrap; / * Opera 7 * /

Word-wrap:break-word; / * Internet Explorer 5.5 + * /

}

Example:

Pre {white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word; / * I am a very long code, see I changed the line, no? * /}

Thank you for reading! On "how to make pre tags automatically wrap" this article to share here, I hope the above content can be of some help to you, so that you can learn more knowledge, if you think the article is good, you can share it out for more people to see it!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.