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

This article mainly introduces which attribute css3 can use to represent the left float, the article is very detailed, has a certain reference value, interested friends must read it!

In css, you can use "float:left" to indicate the left float, and the float attribute is used to define the direction in which the element floats, when the attribute value is right, the element floats to the right, and when the attribute value is none, the element does not float.

The operating environment of this tutorial: windows10 system, CSS3&&HTML5 version, Dell G3 computer.

The float attribute defines in which direction the element floats. In the past, this attribute was always applied to the image, keeping the text around the image, but in CSS, any element can float. A floating element generates a block-level box, regardless of what element it is.

If floating non-replacement elements, specify an explicit width; otherwise, they will be as narrow as possible.

Note: if there is very little space on a line to float an element, the element jumps to the next line, and the process continues until a line has enough space.

The left element floats to the left.

The right element floats to the right.

None default value. The element does not float and appears where it appears in the text.

Inherit states that the value of the float attribute should be inherited from the parent element.

Examples are as follows:

Img {float:left}

In the following paragraph, we add an image with the style float:left. The result is that the image floats to the right of the paragraph.

This is some text. This is some text. This is some text.This is some text. This is some text. This is some text.This is some text. This is some text. This is some text.This is some text. This is some text. This is some text.This is some text. This is some text. This is some text.This is some text. This is some text. This is some text.This is some text. This is some text. This is some text.This is some text. This is some text. This is some text.This is some text. This is some text. This is some text.This is some text. This is some text. This is some text.

Output result:

The above is all the content of the article "which attribute can be used by css3 to represent left float". Thank you for reading! Hope to share the content to help you, more related 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.