How to set line spacing with css

In this article Xiaobian for you to introduce in detail "how to use css to set line spacing", the content is detailed, the steps are clear, the details are handled properly, I hope this "how to use css to set line spacing" article can help you solve your doubts, following the editor's ideas slowly in depth, let's learn new knowledge.

1. Use numeric values to set line spacing, which is a paragraph with standard line height. The default row height is approximately 1.

Use numeric values to set line spacing p.small {line-height: 0.5} p.big {line-height: 2}

This is a paragraph with standard line height. The default row height is approximately 1. This is a paragraph with standard line height. This is a paragraph with standard line height. This is a paragraph with standard line height. This is a paragraph with standard line height. This is a paragraph with standard line height.

This paragraph has a smaller line height. This paragraph has a smaller line height. This paragraph has a smaller line height. This paragraph has a smaller line height. This paragraph has a smaller line height. This paragraph has a smaller line height. This paragraph has a smaller line height.

This paragraph has a larger line height. This paragraph has a larger line height. This paragraph has a larger line height. This paragraph has a larger line height. This paragraph has a larger line height. This paragraph has a larger line height. This paragraph has a larger line height.

2. Use the percentage to set the line spacing. If the line-height property specifies a percentage, the line height will be calculated relative to the font. The default line height in most browsers is about 110% to 120%.

Use numeric values to set line spacing p.small {line-height: 80%;} p.big {line-height: 200%;}

This is a paragraph with standard line height. The default line height in most browsers is about 110% to 120%. This is a paragraph with standard line height. This is a paragraph with standard line height. This is a paragraph with standard line height. This is a paragraph with standard line height. This is a paragraph with standard line height.

This paragraph has a smaller line height. This paragraph has a smaller line height. This paragraph has a smaller line height. This paragraph has a smaller line height. This paragraph has a smaller line height. This paragraph has a smaller line height. This paragraph has a smaller line height.

This paragraph has a larger line height. This paragraph has a larger line height. This paragraph has a larger line height. This paragraph has a larger line height. This paragraph has a larger line height. This paragraph has a larger line height. This paragraph has a larger line height.

Read here, this article "how to use css to set line spacing" article has been introduced, want to master the knowledge of this article also need to practice and use to understand, if you want to know more about the article, welcome to follow the industry information channel.