Home  >  Article  >  Web Front-end  >  css text duplication ie bug causes strange duplication of text

css text duplication ie bug causes strange duplication of text

高洛峰
高洛峰Original
2016-11-24 14:53:221473browse

When multiple floating elements follow each other with comments in between, the text in the last floating element will occasionally be copied to the bottom. Scientific name Duplicate Characters Bug

Program code




One more pig





↓This is the extra pig< ;/div>



can be solved by the following methods:
  1. Do not place comments. The simplest and fastest solution
  2. Do not place comments between two floating blocks.
  3. Include the text block between the new

, such as:
↓This is extra The pig
.
  4. Remove the fixed width of the text block, which is similar to 3.
 5. Some people add a
or a space after the pig, but this only eliminates the phenomenon.
  6. Do not set multiple widths for floating elements so that they do not reach the bottom of the containing element, or set margin-right: -3px; or smaller for the last element.
 7. Comments can be written like this:


Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn