javascript - Ask about blank text nodes

Question

How to remove those small dots in the picture? This is the html in my Firefox browser. I don’t know why these little dots appear. They are the little dots inside the blue stripes. Firefox displays these dots as whitespace-only text nodes. These blank text nodes all have widths.

Answer 1

An example of how to generate small dots is as follows

<p>
 <span>A</span> <span>B</span>
</p>

<p>
 <span>A</span>
 <span>B</span>
</p>

<p>
 <span>A</span><span>B</span>
</p>

This example can generate small dots, that is, if there is a space between two tags, small dots will be generated. Just edit the html element in the browser viewer and delete the space that generates the small dots.
Refer to http ://stackoverflow.com/a/42… and DevTools now display white space text nodes in the DOM inspector