There is a blank character between html tags under IE6 and 7, which leads to the reason and solution for occupying unnecessary spaces after rendering. ie67

There is a blank character between html tags under IE6 and 7, which leads to the reason and solution for occupying unnecessary spaces after rendering. ie67

Direct:


Cause: the content contained in the div is printed on the background and output. If no content is output, the browser adds a blank character to the blank area by default.
In IE6 and 7, when the browser parses the rendering, it will think that the blank space character is also occupied. By default, it has the font attribute, so there is a bug of "redundant Placeholder.

Solution:

1. Link html tags to the output. For example, <div> </div>. -- It is too troublesome and the code is not regular, so it is not easy to maintain.

2. Set font-size: 0; -- cannot fix perfectly ~

2. Use annotator <! -->. Example: <div> <! --> </Div>, so that there is no blank character in the middle of the div. -- This problem can be fixed, but it is not good enough.

3. Use the <wbr> label. For example, <div> <wbr> <div>. -- In this way, the browser will not automatically add blank characters to the TAG content, and no extra information will be displayed on the page ~

 

Additional knowledge:

Wbr label: the Web browser automatically disconnects text content based on the container width.

Compatibility:

View URL: http://www.quirksmode.org/oddsandends/wbr.html