5 ways to represent spaces in HTML that you definitely don't know

HTML provides 5 types of space entities (space entities) , which have different widths. Non-breaking spaces are the width of regular spaces and can run on all mainstream browser. Several other spaces have different widths in different browsers.

It is called No-Break Space, the full name is No-Break Space. It is the most common space and the space we use the most. Most people may only be exposed to it. It is a space generated by pressing the space key. In HTML, if you use the space bar to generate this space, the spaces will not accumulate (only count as 1). It can only be accumulated using html entity representation.

The width occupied by this space is obviously and strongly affected by the font.

 

It is called "half-width space", the full name is En Space, en is the measurement unit of typography, which is half of the width of em. By definition, it is equivalent to half the font size (e.g. 8px in a 16px font). Nominally the width of the lowercase letter n. This space inherits the consistent characteristics of the space family: it is transparent. This space has a very stable characteristic.

means that the width it occupies is exactly 1/2 the Chinese width, and it is basically not affected by fonts. Influence.

 

It is called "full-width space", and its full name is Em Space. Em is the measurement unit of typography, which is equivalent to the currently specified number of points. For example, 1 em in a 16px font is 16px. This space also inherits the consistent characteristics of the space family: it is transparent. This space also has a very stable characteristic.

means that the width it occupies is exactly 1 Chinese width, and it is basically not affected by the font. .

 

It is called narrow space, and its full name is Thin Space. We might as well call it a "skinny space", which means that the space is relatively thin, has a thin body, and occupies a relatively small width. It is one-sixth of an em wide.

Thank you everyone for reading, I hope you will benefit a lot.

Recommended tutorial: "HTML Tutorial"

The above is the detailed content of 5 ways to represent spaces in HTML that you definitely don't know. For more information, please follow other related articles on the PHP Chinese website!