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

This article mainly explains "what are the methods of css layout". Interested friends may wish to have a look. The method introduced in this paper is simple, fast and practical. Next let the editor to take you to learn "what are the methods of css layout"!

Set the realistic way of the element

Display:block

The default width is the parent element width

Width and height can be set

Newline display

Display:inline

The default width is content width

Width and height cannot be set

Peer display

Display:inline-block

The default width is content width

You can set the height and width

Peer display

Wrap the whole block, wrap between the lines of inline

The default tag has a form tag

Display:none

Set the element not to display

The difference from visibility:hidden

Visibility:hidden only hides the element and is not visible, but the later element cannot occupy its position.

Block level elements are horizontally centered

one

.content {margin:auto; with:990px;}

Center navigation

Navigation

Float:right

The default broadband is content width.

Detach from the document stream

Keep moving in the specified direction

Float elements in the same document stream

Float elements are semi-detached from the document stream (for elements, out of the document stream, for content in the document stream)

Clear float

Clearfix

.clearfix: after {content: "."; display:block;clear:both;height:0; overflow:hidden;visibility:hidden;}

.clearfix {zoom:1;}

At this point, I believe you have a deeper understanding of "what are the methods of css layout?" you might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!

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.