Tuesday, July 3, 2012

How to break long text on tables

Long text can be broken into words on tables by using following CSS3 property


TigerDirectTigerDirectTigerDirectTigerDirect



To wrap long URLS's


/* wrap long urls */
white-space: pre; /* CSS 2.0 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3.0 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap; /* HP Printers */
word-wrap: break-word; /* IE 5+ */

No comments:

Post a Comment