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;

Initial URL

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

Initial Language