How to set a monospaced font in CSS

How to set the same width of this text in css

td:after {

content: ':';

position: absolute;

}

td {

font-size: 14px;

width: 4em;

text-align-last: justify;

}

Completely understand the difference between the unit px and em rem in css

px is pixel (Pixel)

em is the width of the uppercase English letter M in the font used by the current element. The reason why it is specified is M because the width of each letter is not equal in proportional fonts (for example, the widths of W and i are very different. large), and in a fixed-width font (such as Chinese characters), the width of each character is equal, so em is the width of the character (or half the width of Chinese characters)

rem is the font width of the root element of the page (r is root, root), other explanations are the same as above

px is an absolute length unit, that is to say, if the width of an element is 100px, then its width is fixed at 100 pixels; while em is a relative length unit, for example, the width of an element is 4em, and this If the font width of the element is 12px, then the actual width of this element is 48px. If you change the font size of this element to 16px, the actual width of this element will automatically become 64px; as for rem, it is to allow all uses of this page Elements with rem as the length unit can be automatically adjusted according to the font size of the root element of the page (usually html or body). In this way, you only need to change the font size of the root element to change the appearance of the entire page. Usually, use For responsive page layout.

Text settings in CSS!

Question 1: If you use .left a{}, then

work Don’t use class here,

Change to work. If you want 3 paragraphs of text to be defined separately, use class, but the writing method is not .left a{}, but .work a{}. Of course, .left work a{} will also work. If If you only use the work class once, select .work a{}. If you want to use it in other places, if you want the settings such as fonts to be different, use .left work a{}.

Question 2: In the lower right corner, you can define either p tag or a tag. Do not use padding. Padding defines the internal distance.

This is a header!

.header p{margin-top: your layer height-10px; float:right;}

This is a header!

.header a{margin-top: your layer height-10px; float:right;}

How to control the width of character fonts in html

If you must simply change the width, traditional CSS properties cannot be achieved. You can use the deformation function of CSS3 to achieve it, but it is an overall change for the label, not just for the font (due to the occurrence of external labels) Deformation, internal elements change together, it can be regarded as saving the country through curves), such as:

The entire div width will be enlarged by 1.2 times

In HTML, you can use font-size in CSS to control the font size (the font width will change with the font size), but there is no attribute that can only change the font width regardless of the height.

You can use word-spacing to control the spacing between text and text

The above is the detailed content of How to set a monospaced font in CSS. For more information, please follow other related articles on the PHP Chinese website!