Shulou(Shulou.com)06/01 Report--

This article mainly introduces the "html paragraph text how to set spacing" related knowledge, editor through the actual case to show you the process of operation, the method of operation is simple and fast, practical, I hope that this "html paragraph text how to set spacing" article can help you solve the problem.

Only set word spacing for text within paragraph p, paragraph

Is the html paragraph tag to

At the earliest, with

At the end of the day, the p tag is usually applied in sections of the article, and occasionally small department structures can also use p to operate. Through the css configuration of its style to achieve typesetting purposes.

Here, the word spacing is set for p, which is completed by using the letter-spacing "css word spacing" attribute. The value of the attribute word is a detailed number + unit (integer).

1. The global definition of a web page sets the word spacing p {letter-spacing:2px} of p

Configure the text distance spacing within the p paragraph to 2px.

P {letter-spacing:5px}

Set the distance distance of calligraphy in the p paragraph of the equipment to 5px.

Choose between the two.

The above two values set the spacing between characters for the text in p (no matter Chinese characters, English words, letters, numbers, signs are all practical).

According to the teaching of reconstruction according to the construction cut diagram, it is rare to initialize the global configuration of character spacing for the whole web page, as usual for a small number of small organs, or to set the required distance between text in the interior.

Second, set the word spacing of equipment and equipment in the designated p-paragraph label.

Method 1:

CSS Code:

.abc {letter-spacing:5px}

Everyone can use class=abc to fail, such as div, span, li, H2, H3, H4 can work.

P.abc {letter-spacing:5px}

Specify that the p tag applies class= abcto be effective now

Critical html sample code:

Assigned to p application class=abc effective

Express:

.abc{.} and p.abc {.}

Whenever a determiner is defined, p.abc represents that only the p tag can be used, and the rest of the tag applications cannot be effective. Any tag can be used after the definition of .abc {}, including the p tag.

Doorway 2:

Configure word spacing for the p parent, and p inherits the parent word spacing.

Css Code:

.bbb {letter-spacing:5px}

The html code of the link:

The distance between us is 5px.

Results:

Interpretation: of course, p is not directly set spacing letter-spacing css, but for its parent configuration, while p adheres to the parent configuration font mode typesetting style, the imitation is still successful.

This is the end of the introduction on "how to set the spacing between words in html paragraphs". Thank you for your reading. If you want to know more about the industry, you can follow the industry information channel. The editor will update different knowledge points for you every day.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.