CSS tips: Classic CSS usage techniques

Use Line-height to center vertically

line-height:24px;

If you use a fixed-width container and you want a row to be centered vertically, you can use Line-height (which is the same height as the parent container), and more vertically centered summaries are here.

Clear Container Float

#main {
Overflow:hidden;
}

This issue has been mentioned before and more information can be seen here.

Do not allow links to be broken lines

A{
White-space:nowrap;
}

The above settings can avoid the link folding line, but personal advice long link will have the corresponding line (for the discussion of line-wrapping, see the center of the record).

Always have Firefox show scroll bars

HTML {
overflow:-moz-scrollbars-vertical;
}

More Mozilla/firefox private CSS properties can be referenced here. Cross-browser support is required, or you can use the

Body, HTML {
min-height:101%;
}

Center The Block element horizontally

margin:0 Auto;

is actually

Margin-left:auto;
Margin-right:auto;

This technique basically all CSS textbooks will have instructions, don't forget to add a width to it. Exploer can also be used under

body{
Text-align:center;
}

Then define the inner layer container

Text-align:left;

Recovery。

Hide Exploer textarea scroll bars

TEXTAREA {
Overflow:auto;
}

Exploer By default textarea will have a vertical scroll bar (don't ask me why).

Set up print paging

H2 {
Page-break-before:always;
}

The Page-break-before property enables you to set pagination when you print a Web page.

Delete a dashed box on a link

A:active, A:focus {
Outline:none;
}

Firefox defaults to the link to get focus (or click) with a dotted box, use the above properties can be deleted.

The simplest CSS reset

* {
margin:0; padding:0

}