CSS Small Collection

Body {
Background-color: #e8dabf;
Background-image:url (img/bg.png), url (img/bg_tile.png);
Background-position:bottom right, top;
Background-repeat:no-repeat, repeat;
background-attachment:fixed, scroll;
Color: #444;
}

Excerpt from: http://www.nowamagic.net/librarys/veda/detail/2328

Restricting the display style of large text is one of the most common places in CSS, such as the following:

Force No Line break:

div {
White-space:nowrap;
}

Wrap Line:

div{
Word-wrap:break-word;
Word-break:normal;
}

To force the English word to break:

div{
Word-break:break-all;
}

We are in the ranks, often appear a line of text beyond the width, many people use Overflow:hidden, so that the ultra-out of the content hidden, there is no code to let the text outside, there is an ellipsis?

This method can be used: white-space:nowrap; Text-overflow:ellipsis; -o-text-overflow:ellipsis;

<title>...</title><style>Div.wid{width:200px;White-space:nowrap;Text-overflow:ellipsis;-o-text-overflow:ellipsis;Overflow:Hidden;}</style></Head><Body><Divclass= "Wid"><ahref=""Target= "_blank">Avoid CSS code instances where table table and Div are stretched and deformed</a></Div></Body>

CSS Small Collection