HTML Line Box

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