Line box: The specific content of the page (text, pictures, multimedia) will generate a row box
Text: Must be placed in the row box, otherwise an anonymous row box will be generated
Pictures, multimedia default will be born box
Block box contains the box: The box is placed inside the block.
Try not to place the block box inside the box.
Line box feature: The box can be broken.
-word-brdak Property
Normal: English word wrapping, Chinese word line-wrapping principle
Keep-all: blank, punctuation, line wrapping principle
Break-all: English alphabet wrapping, Chinese word line-wrapping principle
Blank folding applies only between the row boxes
You can set the distance between content using margin, border, padding in the horizontal direction
Row box size: 1. Replaceable elements: Pictures, multimedia
By: Object-fit: Scaling Rules
Value: Fill: Zoom in regardless of aspect ratio, full set size
Contain: Maintain wide and high scale to ensure that the content box is not exceeded
Cover: Maintain a wide, high-scale, full size, and some parts are hidden away
None: Do not scale
2. Non-replaceable elements: text elements
1. Vertical margin, border, padding do not occupy the page size
2.width, height must be set to Automatic, invalid value setting
3. You can use Line-height to set a line of text height
The positioning system of the box must be a normal flow.
Floating and absolute positioning of the line box will automatically become a block box
The box is in the containment block, avoiding the floating and regular flow boxes.
HTML Line Box