Advanced Search

Return to Snippet

Revision: 65870
at February 2, 2014 20:38 by apphp-snippets
Initial Code 
<style type="text/css">
.break {
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word; 
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
 
.ellipsis {
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis; /* Required for IE8 */
    -o-text-overflow: ellipsis; /* Required for Opera */
    text-overflow: ellipsis;
}
</style>
Initial URL 
http://www.apphp.com/index.php?snippet=css-breaking-out-long-urls
Initial Description 
This solution will help you to prevent many issues with your site, when you need to prevent long URL's from breaking out of container.
Initial Title 
Prevent Long URL's From Breaking Out with CSS
Initial Tags 
css
Initial Language 
CSS