How to increase the spacing between words by css
This article mainly shows you "css how to make the gap between words larger", the content is easy to understand, clear, hope to help you solve doubts, the following let the editor lead you to study and learn "how css makes the gap between words bigger" this article.
In css, you can use the letter-spacing attribute to increase the spacing between words by adding a "letter-spacing: spacing value;" style to the container element that contains the text.
The operating environment of this tutorial: windows7 system, CSS3&&HTML5 version, Dell G3 computer.
Css makes the gap between words larger.
In css, you can use the letter-spacing attribute to increase the spacing between words. For this attribute: each Chinese text as a "word", and every English letter as a "word"!
Example: the letter-spacing attribute increases the spacing between words
Css letter-spacing property sets the word interval. Demo {height: 100px; margin: 10px 0; border: 1px solid red } .spacing {letter-spacing: 20px;}
Hello, hello!
Ab cd Hello 00)!
Hello, hello.
Ab cd Hello 00)!
Effect picture:
Description:
The letter-spacing property increases or decreases the space between characters (character spacing), which defines how much space is inserted between text character boxes. Because character glyphs are usually narrower than their character boxes, the usual spacing between letters is adjusted when you specify a length value.
Property values that can be set:
The value description normal defaults. Specifies that there is no extra space between characters. Length defines a fixed space between characters (negative values are allowed). The above is all the content of the article "how css makes the gap between words larger". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!
