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

This article mainly shows you "how to use the white-space attribute in css3", the content is easy to understand, clear, hope to help you solve your doubts, the following let the editor lead you to study and learn "how to use the white-space attribute in css3" this article.

1. Definition

The word-spacing attribute increases or decreases the white space between words (that is, the word interval). This attribute defines how many spaces are inserted between words in the element. For this attribute, "word" is defined as a string surrounded by a blank character. If specified as a length value, the usual interval between words is adjusted; therefore, normal is equivalent to being set to 0. Allows you to specify a negative length value, which tightens the squeeze between words. Note: negative values are allowed.

2. Syntax and parameters

White-space:normal | nowrap | pre-wrap | pre-line | inherit normal: by default, white space will be ignored by the browser. Nowrap: the text will not wrap, and the text will continue on the same line until the

Until the label. Pre-wrap: leave the space character, but wrap the line normally. Pre-line: merge whitespace characters, but keep newline characters. Inherit: inherits the settings of the parent element Note: all browsers can recognize it.

3. Description

For the pre attribute, it means that multiple consecutive white space characters in HTML will be merged, and then in order to prevent it from merging (the most common case is to indicate code text indentation) so that the white space characters continue to be retained without the need for us to add additional styles and tags to control its indentation and line feeds. The principle of pre tags is the same. There is a white-space:pre by default inside. For the nowrap attribute, this is the core of forcing no line wrapping, which is generally used by forcing non-line wrapping. There are no problems in div and td in Firefox, and in div in IE. The only flaw is that there is a problem in IE's td. If the td does not specify a width, the nowrap is still valid, and if the td has a width and there are no punctuation and spaces in the text (such as long Chinese text), nowrap is no longer valid. The solution is to add word-break:keep-all; to solve the problem.

The above is all the content of the article "how to use the white-space attribute in css3". 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!

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.