Top Classic common CSS Properties collection and collation _ Experience Exchange

Text Justification:
Copy CodeThe code is as follows:
text-align:justify;
Text-justify:inter-ideograph;


Clear float:
Copy CodeThe code is as follows:
. clear{clear:both;line-height:0;height:0;font-size:0;}


Clear floating pseudo-class:
Copy CodeThe code is as follows:
. Clearfix:after{content: "."; Display:block;height:0;clear:both;visibility:hidden;}


Set not to break a word
Copy CodeThe code is as follows:
Word-break:keep-all


Character Wrap Line
Copy CodeThe code is as follows:
Word-break:keep-all;word-break:break-all;word-wrap:break-word


Center vertically with Line-height

Copy CodeThe code is as follows:
line-height:24px;/* uses a fixed-width container and requires a vertical center line, use Line-height (the height is consistent with the parent container), and more vertical centers can be seen here.
*/


Clear Container Float

Copy CodeThe code is as follows:
#main {Overflow:hidden;}


Do not leave a link wrapped

Copy CodeThe code is as follows:
a {white-space:nowrap;}


Always let Firefox show scroll bars

Copy CodeThe code is as follows:
HTML {overflow:-moz-scrollbars-vertical;}

Center The Block element horizontally

Copy CodeThe code is as follows:
Body, HTML {min-height:101%;} or margin:0 auto;


Hide Exploer textarea scroll bar

Copy CodeThe code is as follows:
textarea {Overflow:auto;}


Set up print paging
Copy CodeThe code is as follows:
h2 {page-break-before:always;} /* Set page pagination when printing pages */


Delete a dashed box on a link
Copy CodeThe code is as follows:
A,area {blr:expression (This.onfocus=this.blur ())}
: Focus {-moz-outline-style:none;}

The simplest CSS reset
Copy CodeThe code is as follows:
* {margin:0; padding:0}/* This property is used with caution, although it can eliminate the default properties, but it has an impact on browser rendering, and it is also poorly represented in semantics. */


Picture enter after hit text need attribute

Copy CodeThe code is as follows:
Img{vertical-align:top;}

Transparency Properties

Copy CodeThe code is as follows:
Filter:alpha (OPACITY=50); -moz-opacity:0.5; opacity:0.5;
Cursor:hand;


Change the mouse to hand shape
Copy CodeThe code is as follows:
Cursor:hand;

