[CSS in-depth understanding of the inline box model in the line boxes] css in-depth understanding of the cause of line-height (row height): Invisible lines Boxes

In the end, how high is the height of this line-height line:

In the inline box model, there is a line boxes, this thing is invisible, the work of this thing is wrapped in every word. A line of text boxes. For example, "Iverson retired" The 5 words, if they are displayed in a row, you Iverson again, sorry, only a line boxes cover you; but "Chun Brother pure Man" 5 words, if the vertical writing, one line, that is really enough man, a word to cover the lines boxes, So a total of five line boxes. Line boxes what features are not, on the height. So the height of a div without setting the height attribute is made up of the height of a line boxes.

In fact, line boxes is not a direct producer, belongs to middle-level cadres, the real work is its hands –inline boxes dry, these men are words, pictures ah, span, such as the label of the inline property. Line boxes is just an investigation report personnel, to examine its staff who's actual line-height value is highest, who is the highest, it will be the value of who, and then report upward, the formation of height. For example, <span style="line-height:20px;">取手下line-height<span style="line-height:40px;">最高</span>的值</span> . Then line boxes's height is 40 pixels.

[CSS in-depth understanding of the inline box model in the line boxes] css in-depth understanding of the cause of line-height (row height): Invisible lines Boxes