Pages

Thursday, November 12, 2015

Break long URLs within the specified column

First add a style / class as below

.hyphenate {
  /* Careful, this breaks the word wherever it is without a hyphen */
  overflow-wrap: break-word;
  word-wrap: break-word;

  /* Adds a hyphen where the word breaks */
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

Now add this class / style on the div or td as below

<p class="hyphenate">http://kjfh.com/kjdfhsdkdksjfjdskfkjdshkfjsdkjflkdsjlfjdslfjldsjlfjldskjfldsjlfjldsjfljdslfjldsjfldjslfjldsjfljdsljfldsjf</p>