How to set spaces in html (two methods)

In HTML, there are two ways to use spaces. The first is to use special character entities to represent spaces; the second is to use CSS properties to set white spaces.

Method 1: Use special character entities to represent spaces

There are some special character entities in HTML that can be used to represent spaces. The most commonly used ones are the following two:

1. : General space

If you enter a normal space in HTML, nothing will be displayed on the page. If you want to generate a space in HTML, you need to use the special character entity .

For example, if you want to generate a space between two words in HTML:

<p>hello world</p>

This will generate a space between "hello" and "world".

2. : continuous spaces

Sometimes you need to enter a longer string in a cell. If the string exceeds the width of the cell, it will automatically Line break. In order to avoid line breaks in certain places, special character entities need to be used.

For example, if you want to enter a long string in a cell:

<td>hello &#160;world</td>

In this way, the continuous spaces between the strings "hello" and "world" will change this Strings are concatenated without line breaks.

Method 2: Use CSS properties to set white space intervals

CSS provides some properties that can be used to set white space intervals.

1. margin

margin is the margin between elements, which can be used to set white space.

For example, if you want to add 10 pixels of white space between two paragraphs:

p {
    margin-bottom: 10px;
}

This will add 10 pixels of white space below each paragraph.

2. padding

padding is the padding of the element, which can be used to set the padding of the element.

For example, if you want to add 10 pixels of white space around an element:

div {
    padding: 10px;
}

This will add 10 pixels of padding around the element, creating a white space interval.

3. line-height

line-height is the line height, which can be used to set the spacing between lines.

For example, if you want to increase the space between two lines in a paragraph:

p {
    line-height: 2;
}

This will double the space between two lines in a paragraph. .

Summary:

Both of the above two methods can be used to set white space intervals in HTML. Which method to use depends on the actual needs. If it is just a simple space setting, it will be more convenient to use special character entities; if you need to set complex intervals, you can use CSS properties to achieve it.

The above is the detailed content of How to set spaces in html (two methods). For more information, please follow other related articles on the PHP Chinese website!