Span new line span

问题:

<span>A</span>
<span>V</span>

Causes a space between these letters, how is this calculated excatly? As oppose to

<span>A</span><span>V</span>

回答1:

Whitespace between inline elements is compressed (or converted if it's something other than spaces) to a single space and displayed.

The W3C specification has more information:

This layout may involve putting space between words (called inter-word space), but conventions for inter-word space vary from script to script. For example, in Latin scripts, inter-word space is typically rendered as an ASCII space ( ).

回答2:

Try using a class on span which will force the second span to new line and the CSS as

 .spanClass 
 {
    display:block;
 }

回答3:

span is an inline element like the simple text so it follow the same style rules. When you write on a new line the rendering put a white space.

A
B

will become "A B", with a whitespace between A and B. This happen also with strong or em