The problem of space spacing caused by line breaks in HTML

Resolving the problem of space spacing caused by line wrapping of code in HTML

Workaround:

One, simple rough explosion does not change the line

Do not change the line when writing code, input and so on a line to write, then the problem will be resolved. But the code becomes less easy to look at.

Second, set the parent block font size to 0

This also solves the problem, the code is also good-looking, but when you set the parent's font size to 0 o'clock, and you have other fonts to display, you may have to add a span and other tags to wrap it, and reset the font size.
Three: Set Margin-left to-3 pixels

So that the element is shifted from the original position to the left by three pixels, there is no space to see.

For HTML built-in inline-level labels and form element labels, line breaks in the source code in several consecutive inline-level labels are interpreted as a space in the browser.

Includes IE and ff. This space is treated as a blank node (NodeType equals 3 nodes, which is the text node).

Display:inline is used for block-level tags built into HTML;

For line breaks between HTML built-in block-level tags, FF is treated as a blank node (which can be obtained with JS), and IE ignores this line break.

This line break has no effect on the IE and FF pages, and there are no spaces.

The problem of space spacing caused by line breaks in HTML