How to keep words from wrapping in a web page

Reminds me of an advertising slogan: change your mind, change the world

The relationship between the flow of documents is downward. Depending on the width, a row can hold different amounts of content, which you can notice by dragging the edge of the browser to change the size.

What to do? If the text goes on without wrapping as you said, it means that there has to be a horizontal drag bar in the page, or, to the edges, just these two ways.

ltgrover, you can use nowrap to control the non-wrapping of fonts in the container.

You can also add a container to set a separate style to avoid affecting the global effect.

Test**test

In addition, you can use a special tag experience to format the text you typed, and the pre element defines the preformatted text. Text enclosed in a pre element often retains spaces and line breaks. The text is also rendered in monospace.

How to make the words in the web page not wrap automatically: Open the home page of the browser and view the source**Scroll the mouse scroll bar and scroll to the bottom; Go back to the top, find the View tab at the top, and click on it when you find it; After clicking the View button, select Wrap longer lines in the menu, and click; After clicking, continue scrolling the scroll bar to the bottom, and the horizontal scrollbar disappears.

How to use CSS to make text appear in a line without wrapping:

General text truncation (for inlining and blocking):

text-overflow

For **, the definition is a bit different:

Table Note: This only works on a single line of text, if you want to use it on multiple lines, only the first line will work. This is written only by IE"..Other browser text is hidden when it exceeds the specified width.

Cascading Style Sheets are a computer language used to express file styles such as HTML (an application of the Standard Markup Language) or XML (a subset of the Standard Markup Language). CSS can not only decorate web pages statically, but also dynamically format web page elements with various scripting languages.

CSS provides pixel-precise control over the placement of elements in a web page, supports almost all font size styles, and has the ability to style web page objects and models.

Method steps.

Method 1: You set the width of **, that is, give ** a width value (is a numeric value, not a percentage) Method 2: Force no line break.

DIV Method 3: Word wrapping.

DIV Method 4: Force English words to break lines.

div5. In addition, as long as the following sentence is defined in CSS, the web page will not be stretched out.

tabletd(word-break: break-all; word-wrap:break-word;)

6. It not only prevents the ** layer from bursting, but also prevents the word from breaking.

table div

Add a line break after "applicable door thickness: 45-60mm".

Isn't it possible? Or add text-align:justify to the css style of this text; text-justify:inter-ideograph;Limit the width again, and then let overflow:

hidden;This? See if you can do it well.

Generally, it is controlled by limiting the width, setting a fixed width, and the overflow is hidden, so that the purpose of automatic wrapping can be achieved.

Regarding the third method, you can add an input box in the background, and you can directly enter ** in the background to add multiple indefinite quantities.

Text paragraphs, second and third are fine.

There are generally in the device.,This option,There's a word wrap option in it.,How many characters can be selected in it.。

1. The text will automatically wrap according to the width of the container.

2. Generally, it is controlled by limiting the width, setting a fixed width, and the overflow is hidden, so that the purpose of automatic line wrapping can be achieved.

3. Add style= table-layout:fixed to the table; Add style=word-break to td

break-all;overflow:hidden;＂。

4. The line break (Asian and non-Asian text) elements of normal text have a default white-space:normal

When the width is defined, it wraps automatically.